@import "instance";

.btn_white {
    @include btn_1;

    &.disabled {
        @include bc($c1, $c2);
        cursor: pointer;
    }
}

.btn_transparent { @include btn_1(( with_border: false)); }
.btn_fill_white {
    @include btn_1((
        bg: $c1,
        bg_hover: $c2,
        color: $c2,
        color_hover: $c1,
        with_border: false
    ));
}

.btn_calltoaction_1,
.btn_calltoaction_2 {
    @include btn_2(( bg: $c1, color: $c2 ));

    @include brp($b7) {
        margin-block-end: 20px;
    }

    &:hover {
        .content_link {
            &::after { filter: invert(1); }
        }
    }
}

.btn_calltoaction_3 {
    @include btn_2((
        bg: $c1,
        color: $c2,
        with_border: true,
        width: $l16x_2,
        height: $l16y_2
    ));
}

.btn_start {
    @include btn_1((
        bg: $c1,
        bg_hover: $c2,
        color: $c2,
        color_hover: $c1
    ));

    .content_link {
        font-weight: 400;
    }
}