@mixin iwb-btn-variant($name, $color) {
    &.btn-#{$name} {
        color: $white;
        border-color: #{$color};
        background: #{$color};

        &:hover,
        &:active,
        &.hover {
            border-color: darken( $color, 5%);
            background-color: darken( $color, 5%);
            color: $white;
        }
    }
}
@mixin iwb-btn-outline-variant($name, $color) {
    &.btn-outline-#{$name} {
        color: $color;
        border: 1px solid $color;
        background: $gray-100;

        &:hover,
        &:active,
        &.hover {
            border: 1px solid $color;
            background-color: $color;
            color: $white;
        }
    }
}
@mixin iwb-label-variant($name, $color) {
    &.label-#{$name} {
        background: #{$color};
    }
}