.divider {
    --divider-size-sm: 2rem;
    --divider-size-md: 4rem;
    --divider-size-lg: 8rem;

    &.divider--sm { height: var(--divider-size-sm); }
    &.divider--md { height: var(--divider-size-md); }
    &.divider--lg { height: var(--divider-size-lg); }

    .divider__rule {
        border: none;
        border-top: 1px solid currentColor;
        opacity: 0.15;
        margin: 0;
        position: relative;
        top: 50%;
    }
}