.btn {
    &.btn-iwb {
        color: $white;
        border-color: $iwb-color;
        background: $iwb-color;

        &:hover,
        &:active,
        &.hover {
            border-color: darken($iwb-color, 5%);
            background-color: darken($iwb-color, 5%);
            color: $white;
        }
    }

    &.circle {
        border-radius: 30px;
    }

    &.btn-outline-iwb {
        color: $iwb-color;
        border: 1px solid $iwb-color;
        background: $gray-100;

        &:hover,
        &:active,
        &.hover {
            border: 1px solid $iwb-color;
            background-color: $iwb-color;
            color: $white;
        }
    }

    @each $name, $color in $colors {
        @include iwb-btn-variant($name, $color);
    }

    @each $name, $color in $colors {
        @include iwb-btn-outline-variant($name, $color);
    }
}