hr {
    width: 100%;
    height: 2px;
    margin: 0 auto;
    border: none;
    background-color: rgba(0, 0, 0, .05);

    &.black {
        background-color: var(--color-primary-text);
    }
    
    &[class^="color-"] {
        background: currentColor;
    }

    &.vertical-divider {
        width: 2px;
        height: 100%;
    }
}