#rec4277310401{
    position:absolute;
    top:0px;
    left:0px;
    z-index:20;
    height:100px;
    width:100%;
}
#rec4274494701{
    z-index:5;
}
/* ==========================================================
   АНИМАЦИЯ ВСЕХ КНОПОК — САЙТ ПУШИНА
========================================================== */

/* Обычные кнопки Tilda + Zero Block + формы */
.t-btn,
.t-submit,
.tn-elem[data-elem-type="button"] .tn-atom {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease !important;

    will-change: transform;
}


/* =========================
   НАВЕДЕНИЕ
========================= */

.t-btn:hover,
.t-submit:hover,
.tn-elem[data-elem-type="button"] .tn-atom:hover {

    transform: translateY(-2px) !important;


    filter: brightness(0.96);
}


/* =========================
   НАЖАТИЕ
========================= */

.t-btn:active,
.t-submit:active,
.tn-elem[data-elem-type="button"] .tn-atom:active {

    transform: translateY(0) !important;


    filter: brightness(0.92);

    transition-duration: 0.10s !important;
}


/* =========================
   КЛАВИАТУРА / FOCUS
========================= */

.t-btn:focus-visible,
.t-submit:focus-visible,
.tn-elem[data-elem-type="button"] .tn-atom:focus-visible {

    outline: 2px solid #B4774E !important;
    outline-offset: 3px !important;
}


/* =========================
   МОБИЛЬНЫЕ
   Убираем hover-эффект,
   чтобы кнопка не "залипала"
========================= */

@media (hover: none) {

    .t-btn:hover,
    .t-submit:hover,
    .tn-elem[data-elem-type="button"] .tn-atom:hover {

        transform: none !important;
        box-shadow: none !important;
        filter: none !important;
    }

}


/* =========================
   REDUCED MOTION
========================= */

@media (prefers-reduced-motion: reduce) {

    .t-btn,
    .t-submit,
    .tn-elem[data-elem-type="button"] .tn-atom {

        transition: none !important;
        transform: none !important;
    }

}
/* Основная кнопка первого экрана */

#rec4274494701
.tn-elem[data-elem-id="1790578671451000004"]
.tn-atom {

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}


/* HOVER */

#rec4274494701
.tn-elem[data-elem-id="1790578671451000004"]
.tn-atom:hover {

    background-color: #B4774E !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(1, 36, 86, 0.20) !important;
}

#rec4279189901
.tn-elem[data-elem-id="1790685007175000001"]
.tn-atom {

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}


/* HOVER */

#rec4279189901
.tn-elem[data-elem-id="1790685007175000001"]
.tn-atom:hover {

    background-color: #B4774E !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(1, 36, 86, 0.20) !important;
}


#rec4334159201
.tn-elem[data-elem-id="1790699816583000001"]
.tn-atom {

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}


/* HOVER */

#rec4334159201
.tn-elem[data-elem-id="1790699816583000001"]
.tn-atom:hover {

    background-color: #B4774E !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(1, 36, 86, 0.20) !important;
}

#rec4279194701
.tn-elem[data-elem-id="1790695049128"]
.tn-atom {

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}


/* HOVER */

#rec4279194701
.tn-elem[data-elem-id="1790695049128"]
.tn-atom:hover {

    background-color: #B4774E !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(1, 36, 86, 0.20) !important;
}
.but2top{
    cursor:pointer;
    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}
.arrright {
    transition: transform 0.3s ease !important;
}

/* При наведении на карточку */
.arrright:hover{
    transform: translateX(4px) !important;
}