/* ======================================================
   АНИМАЦИЯ КНОПОК Zero Block
   DirektStark
   ====================================================== */

.tn-atom[href]{
    transition:
        transform .28s cubic-bezier(.22,1,.36,1),
        box-shadow .28s cubic-bezier(.22,1,.36,1),
        filter .28s ease;

    transform: translateY(0) scale(1);

    will-change: transform;
}


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

.tn-atom[href]:hover{

    transform: translateY(-4px) scale(1.02);

    filter: brightness(1.05);

    box-shadow:

        /* Основная тень */

        0 14px 34px rgba(15,23,42,.18),

        /* Синий ореол */

        0 0 26px rgba(37,99,235,.22);
        
    background: linear-gradient(
        135deg,
        #2563EB 0%,
        #3B82F6 100%); 

}


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

.tn-atom[href]:active{

    transform: translateY(1px) scale(.98);

    filter: brightness(.97);

    box-shadow:

        0 5px 14px rgba(15,23,42,.12),

        0 0 10px rgba(37,99,235,.12);

}