@mixin badge-variant-outline($bg, $color, $border) {
    color: $color;
    background-color: rgba($bg, 0.12);
    border: 1px solid $border;

    &[href]:hover,
    &[href]:focus {
        color: $color;
        text-decoration: none;
        background-color: rgba($bg, 0.2);
    }
}