@import "instance";

.jerseypage {
    .btn_transparent {
        @include btn_1((
            with_border: false,
            color: $c4
        ));
    }

    .btn_white {
        @include btn_1((
            color: $c1,
            bg: $c4,
            border: $bd2
        ));
    }
}

.btn_white {
    @include btn_1((
        color: $c1,
        border: $bd1_j
    ));
}

.btn_transparent {
    @include btn_1((
        color: $c1,
        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, radius: 33px ));

    &:hover {
        .content_link {
            &::after { filter: invert(1); }
        }
    }
    &.btn_w {
        @include btn_2(( bg: $c1, color: $c2, radius: 33px ));

         &:hover {
            .content_link {
                &::after { filter: initial; }
            }
        }
    }
}

.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;
    }
}