div:has(+ a) {
    margin-bottom: var(--mar-32);
}

.btn_center {
    margin-left: auto;
    margin-right: auto;
}

.btns {
    margin-top: 44px;
    flex-direction: row !important;
    justify-content: start !important;

    &>* {
        margin-bottom: 0 !important;
        max-width: max-content;
    }

    @media (max-width: 768px) {
        gap: 12px !important;
    }
}

.btn_accent1_4,
.btn_accent1_3,
.btn_accent3,
.btn_border2,
.btn_accent1_2,
.btn_border,
.btn_accent1,
.btn_accent2,
.btn {
    display: block;
    min-width: max-content;
    width: max-content;
    font-weight: 600 !important;
    text-align: center;
    /* text-transform: uppercase; */

    padding: 15px 50px;
    cursor: pointer;

    font-size: 16px;
    color: var(--white);

    border-radius: 100px;

    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);

    &:has(+ *) {
        margin-bottom: var(--mar-44);
    }
}

.btn_accent1_4:hover,
.btn_accent1_3:hover,
.btn_accent3:hover,
.btn_border2:hover,
.btn_accent1_2:hover,
.btn_accent1:hover,
.btn_accent2:hover,
.btn:hover {
    scale: 1.045;
}

.btn_accent1_4::after,
.btn_accent1_3::after,
.btn_accent3::after,
.btn_border2::after,
.btn_accent1_2::after,
.btn_border::after,
.btn_accent1::after,
.btn_accent2::after,
.btn::after {
    content: none;
}

/*  */
/*  */
/*  */
/*  */
.btn_accent3:has(span),
.btn_accent2:has(span),
.btn_accent1:has(span) {
    padding: 18px 32px;
}

.btn_accent2 span,
.btn_accent1 span {
    /* transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1); */
}

.btn_accent1 {
    /* border: 1px solid transparent; */
    /* background: linear-gradient(to bottom, #1175ba 0%, #b3e1ff 100%); */
    /* background:
        linear-gradient(170deg, #1175ba 50%, #b3e1ff 100%) padding-box,
        linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) border-box; */

    /* background-color: var(--accent1); */
    background: linear-gradient(to bottom, #FFF602 0%, #FD8F01 100%);
    color: #050505 !important;
}

.btn_accent3 {
    position: relative;
    isolation: isolate;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 100px;

    background: linear-gradient(to bottom, #FFF602, #FD8F01);
    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;

    font-weight: 600;
    cursor: pointer;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;

        border-radius: inherit;
        padding: 1px;

        background: linear-gradient(to bottom, #FFF602, #FD8F01);

        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;

        mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        mask-composite: exclude;

        pointer-events: none;
    }
}

.btn_accent2 {
    color: #050505;
    /* background-color: #3E1C61; */
    background: linear-gradient(to bottom, #FFF602 0%, #FD8F01 100%);
    font-weight: 500;
    border-radius: 100px;

    &:hover {
        /* background-color: var(--accent1); */
        /* color: var(--white) !important; */
    }
}

.btn_accent1_2 {
    color: #ffffff !important;
    background-color: #0f0f0f;
    border: 1px solid #313131;
}

.btn_accent1_3 {
    color: white !important;
    background-color: var(--accent2);
}

.btn_accent1_4 {
    color: #0c87dd !important;
    background-color: #ffffff;
}

.btn_border {
    padding: 16px 52px;
    border-radius: 100px;
    border: 1px solid #fe0339;

    margin-top: 44px;
    justify-self: center;

    &:hover {
        color: white;
        background-color: #fe0339;
    }
}

.btn_round_white,
.btn_round {
    border-radius: 500px;
    background-color: var(--black1);
    color: var(--white);

    padding: 55px 40px;
}

.btn_round_white:hover,
.btn_round:hover {
    scale: 1.045;
}

.btn_round_white {
    background-color: var(--white);
    color: var(--black1);
    /* padding: 55px 40px; */
}

@media (max-width: 992px) {

    .btn_round_white,
    .btn_round {
        border-radius: var(--brad);
        padding: 14px 44px;
    }

    .btn_round br,
    .btn_round_white br {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .btn_accent1_4,
    .btn_accent1_3,
    .btn_accent3,
    .btn_border2,
    .btn_accent1_2,
    .btn_border,
    .btn_accent1,
    /* .btn_accent2, */
    .btn {
        width: 100% !important;
        min-width: 100% !important;
        font-size: 14px;
        /* padding: 15px !important; */
    }

    .btn_accent3 span,
    .btn_accent2 span,
    .btn_accent1 span {
        max-width: 28px;
    }

    .btn_accent2 {
        /* padding: 6px 16px !important; */
    }
}