@use '../abstracts/variables' as *;

.divider {
    display: inline-flex;
    width: 100%;
    align-items: center;

    &__line {
        display: inline-block;
        flex-grow: 4;
        border: 1px solid $color-border;
    }

    &__text {
        color: $color-text-muted;
        display: flex;
        flex-grow: 1;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        font-size: .75rem;
    }
}