/* =========================================================
   ARS — КНОПКИ
   ========================================================= */

/* Базовое состояние кнопок */

.t396__elem[data-elem-type="button"] .tn-atom{
    position:relative;
    overflow:hidden;

    transition:
        background-color .35s ease,
        border-color .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}


/* Косой блик */

.t396__elem[data-elem-type="button"] .tn-atom:before{
    content:"";

    position:absolute;

    top:-80%;
    left:-160%;

    width:70%;
    height:260%;

    transform:rotate(28deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(120,255,255,.18) 50%,
        rgba(255,255,255,0) 100%
    );

    transition:left .8s ease;

    pointer-events:none;
}


/* Наведение —
   бирюзовая обводка + внешнее свечение */

.t396__elem[data-elem-type="button"] .tn-atom:hover{

    border-color:#53F0FF !important;

    box-shadow:
        0 0 10px rgba(83,240,255,.35),
        0 0 25px rgba(83,240,255,.18),
        0 0 40px rgba(83,240,255,.08);
}


/* Блик проходит через кнопку */

.t396__elem[data-elem-type="button"] .tn-atom:hover:before{
    left:180%;
}



/* =========================================================
   ФОТОГРАФИИ КОМАНДЫ
   ========================================================= */

.t396__elem[data-elem-id="1786379199496000001"] .tn-atom,
.t396__elem[data-elem-id="1786379220075000002"] .tn-atom,
.t396__elem[data-elem-id="1786379057544"] .tn-atom{

    transition:
        transform .5s cubic-bezier(.2,.7,.2,1),
        filter .5s ease;

    transform-origin:center center;
}


.t396__elem[data-elem-id="1786379199496000001"] .tn-atom:hover,
.t396__elem[data-elem-id="1786379220075000002"] .tn-atom:hover,
.t396__elem[data-elem-id="1786379057544"] .tn-atom:hover{

    transform:scale(1.02);

    filter:
        brightness(1.05)
        contrast(1.05);
}



/* =========================================================
   FAQ — МЯГКОЕ БИРЮЗОВОЕ СВЕЧЕНИЕ
   ========================================================= */

.t585{
    position:relative;
    overflow:hidden;
}


.t585::before{
    content:"";

    position:absolute;

    width:900px;
    height:500px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    background:radial-gradient(
        ellipse,
        rgba(83,240,255,.08) 0%,
        rgba(83,240,255,.03) 45%,
        transparent 75%
    );

    pointer-events:none;
    z-index:0;
}


.t585 > *{
    position:relative;
    z-index:1;
}


.t396__elem[data-elem-id="178645753370000002"]:has(.tn-atom:hover) .tn-atom{
    border-color:#53F0FF !important;
    background:#08202A !important;
}

/* ==========================================
   ARS — HOVER КНОПКИ В ШАПКЕ
========================================== */

/* Базовое состояние */

.t-btn.t-btnflex_type_button{
    position:relative;
    overflow:hidden;

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        color .35s ease;
}


/* Косой блик */

.t-btn.t-btnflex_type_button::before{
    content:"";

    position:absolute;

    top:-80%;
    left:-160%;

    width:70%;
    height:260%;

    transform:rotate(28deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(120,255,255,.18) 50%,
        rgba(255,255,255,0) 100%
    );

    transition:left .8s ease;

    pointer-events:none;
}


/* Наведение — блик проходит через кнопку */

.t-btn.t-btnflex_type_button:hover::before{
    left:180%;
}

/* Бирюзовая рамка и свечение стандартной кнопки */

.t-menu__base-button .t-btn.t-btnflex_type_button:hover{

    outline:1px solid rgba(83,240,255,.85) !important;
    outline-offset:-1px !important;

    box-shadow:
        0 0 10px rgba(83,240,255,.35),
        0 0 25px rgba(83,240,255,.18),
        0 0 40px rgba(83,240,255,.08) !important;
}