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_svg {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;

    & svg {
        max-width: 24px !important;
    }
}

.btn_accent4,
.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: 18px 24px;
    cursor: pointer;

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

    border-radius: 120px;

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

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

.btn_accent4:hover,
.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_accent4::after,
.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_accent4:has(span),
.btn_accent3:has(span),
.btn_accent2:has(span),
.btn_accent1:has(span) {
    padding: 18px 32px;
}

.btn_accent4 span,
.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(to right, #A350FF 50%, #477AFF 100%) padding-box,
        linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) border-box; */

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

.btn_accent1 {
    border: 1px solid transparent;
    background: linear-gradient(to bottom, #438927 0%, #184809 100%);
    background:
        linear-gradient(to bottom, #438927 50%, #184809 100%) padding-box,
        linear-gradient(to right, #A54E07, #BC881B, #FEF1A2, #FEF1A2, #BC881B, #A54E07) border-box;
    text-transform: uppercase;
    font-weight: 700 !important;

    /* background-color: var(--accent1); */
    /* color: white !important; */
    & span {
        background: linear-gradient(to top, #A54E07 25%, #FEF1A2 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
    }
}


.btn_accent4 {
    border: 1px solid transparent;
    background: linear-gradient(to bottom, #5165AD 0%, #272B4E 100%);
    background:
        linear-gradient(to bottom, #5165AD 50%, #272B4E 100%) padding-box,
        linear-gradient(to right, #A54E07, #BC881B, #FEF1A2, #FEF1A2, #BC881B, #A54E07) border-box;
    text-transform: uppercase;
    font-weight: 700 !important;
    /* background-color: var(--accent1); */
    /* color: white !important; */

    & span {
        background: linear-gradient(to top, #A54E07 25%, #FEF1A2 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
    }

    &.second {
        border-radius: 0 !important;
        background: transparent;
        border: none;
    }

    &.second::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'>\
    <defs>\
    <linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='0%'>\
    <stop offset='0%' stop-color='%23A54E07'/>\
    <stop offset='20%' stop-color='%23BC881B'/>\
    <stop offset='50%' stop-color='%23FEF1A2'/>\
    <stop offset='80%' stop-color='%23BC881B'/>\
    <stop offset='100%' stop-color='%23A54E07'/>\
    </linearGradient>\
    </defs>\
    <rect x='0.5' y='0.5' width='99' height='39' rx='18' ry='18' \
    fill='none' stroke='url(%23g)' stroke-width='1' stroke-dasharray='3.5 3.5' vector-effect='non-scaling-stroke' />\
    </svg>");

        @media (max-width: 768px) {
            background-image: url("data:image/svg+xml;utf8,\
            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'>\
            <defs>\
            <linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='0%'>\
            <stop offset='0%' stop-color='%23A54E07'/>\
            <stop offset='20%' stop-color='%23BC881B'/>\
            <stop offset='50%' stop-color='%23FEF1A2'/>\
            <stop offset='80%' stop-color='%23BC881B'/>\
            <stop offset='100%' stop-color='%23A54E07'/>\
            </linearGradient>\
            </defs>\
            <rect x='0.5' y='0.5' width='99' height='39' rx='6' ry='20' \
            fill='none' stroke='url(%23g)' stroke-width='1' stroke-dasharray='3.5 3.5' vector-effect='non-scaling-stroke' />\
            </svg>");
        }

        @media (max-width: 525px) {
            background-image: url("data:image/svg+xml;utf8,\
            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'>\
            <defs>\
            <linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='0%'>\
            <stop offset='0%' stop-color='%23A54E07'/>\
            <stop offset='20%' stop-color='%23BC881B'/>\
            <stop offset='50%' stop-color='%23FEF1A2'/>\
            <stop offset='80%' stop-color='%23BC881B'/>\
            <stop offset='100%' stop-color='%23A54E07'/>\
            </linearGradient>\
            </defs>\
            <rect x='0.5' y='0.5' width='99' height='39' rx='18' ry='18' \
            fill='none' stroke='url(%23g)' stroke-width='1' stroke-dasharray='3.5 3.5' vector-effect='non-scaling-stroke' />\
            </svg>");
        }
    }

}

.btn_accent3 {
    border: 1px solid #0c5b18;
    color: white;
}

.btn_accent2 {
    border: 1px solid #0c5b18;
    color: white !important;
    /* background-color: #191919; */
    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: unset !important;
    }

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