.gradient-pink .tn-atom span {
    background: linear-gradient(0.7turn, rgba(254,112,124,1) 0%, rgba(244,85,0,1) 100%);
    background: -webkit-linear-gradient(0.9turn, rgba(254,112,124,1) 0%, rgba(244,85,0,1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline; /* изменено с inline-block на inline */
    animation: dbm-animation 3s ease infinite;
    -webkit-animation: dbm-animation 3s ease infinite;
    background-size: 400% 200%;
    white-space: pre-wrap; /* сохраняет пробелы */
    line-height: 1.2;
    padding-top: 0.2em;
}

@keyframes dbm-animation {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 50% center;
    }
    100% {
        background-position: 0% center;
    }
}



.gradient-blue .tn-atom span {
    background: linear-gradient(0.6turn,rgba(122,157,255,1) 0%,rgba(28,71,165,1) 100%);
    background: -webkit-linear-gradient(0.6turn,rgba(122,157,255,1) 0%,rgba(28,71,165,1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline; /* изменено с inline-block на inline */
    animation: dbm-animation 3s ease infinite;
    -webkit-animation: dbm-animation 3s ease infinite;
    background-size: 400% 200%;
    white-space: pre-wrap; /* сохраняет пробелы */
    line-height: 1.2;
    padding-top: 0.2em;
}

@keyframes dbm-animation {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 50% center;
    }
    100% {
        background-position: 0% center;
    }
}



.gradient-orange .tn-atom span {
    background: linear-gradient(0.6turn,rgba(242,194,58,1) 0%,rgba(255,154,39,1) 100%);
    background: -webkit-linear-gradient(0.6turn,rgba(242,194,58,1) 0%,rgba(255,154,39,1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline; /* изменено с inline-block на inline */
    animation: dbm-animation 3s ease infinite;
    -webkit-animation: dbm-animation 3s ease infinite;
    background-size: 400% 200%;
    white-space: pre-wrap; /* сохраняет пробелы */
    line-height: 1.2;
    padding-top: 0.2em;
}

@keyframes dbm-animation {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 50% center;
    }
    100% {
        background-position: 0% center;
    }
}


/* Для всех кнопок */
.t-btn {
    display: flex;             /* включаем флекс */
    align-items: center;       /* вертикальное выравнивание по центру */
    justify-content: center;   /* горизонтальное выравнивание по центру */
    text-align: center;        /* чтобы текст был по центру */
}