// Button group divide line - creates a gray division line between btn groups when added along side the .btn-group class
.btn-group {
    &.btn-group-divide-right, &.btn-group-divide-left {
        &::after {
            content: '';
            position: absolute;
            width: 1px;
            top: 5px;
            bottom: 5px;
            background: $gray-400;
        }
    }

    &.btn-group-divide-left {
        margin-left: 2px;
        padding-left: 2px;
        &::after {
            left: -2px;
        }
    }

    &.btn-group-divide-right{
        margin-right: 2px;
        padding-right: 2px;
        &::after {
            right: -2px;
        }
    }
}
