/* =======================================================
   Кнопка с переливающимся градиентом и скруглением
   ======================================================= */
a.tn-atom.btn-gradient,
.tn-elem.btn-gradient .tn-atom {
    background: linear-gradient(270deg, #ff6a00, #ee0979, #ff6a00) !important; /* градиент */
    background-size: 600% 600% !important; /* для анимации перелива */
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important; /* скругление */
    font-weight: 500 !important; /* сделаем тоньше */
    text-decoration: none !important;
    display: inline-flex !important;        
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    cursor: pointer;
    transition: transform 0.3s ease !important;
    animation: gradientAnimation 6s ease infinite !important; 
    margin: 0 auto !important; 
    white-space: nowrap !important; /* 🚀 запрещаем перенос слов */
}

/* Ховер-эффект */
a.tn-atom.btn-gradient:hover,
.tn-elem.btn-gradient .tn-atom:hover {
    transform: scale(1.05) !important;
    color: #ffffff !important;
}

/* Анимация градиента */
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* =======================================================
   Размеры кнопки под разные устройства
   ======================================================= */

/* Десктоп (сделали текст ещё меньше) */
@media (min-width: 981px) {
  a.tn-atom.btn-gradient,
  .tn-elem.btn-gradient .tn-atom {
      width: 120px !important;
      height: 40px !important;
      font-size: 12px !important; /* 🔥 было 14px */
      padding: 6px 16px !important;
  }
}

/* Планшеты */
@media (max-width: 980px) and (min-width: 641px) {
  a.tn-atom.btn-gradient,
  .tn-elem.btn-gradient .tn-atom {
      width: 120px !important;
      height: 40px !important;
      font-size: 13px !important; /* 🔥 уменьшили */
      padding: 6px 16px !important;
  }
}

/* Мобильные */
@media (max-width: 640px) {
  a.tn-atom.btn-gradient,
  .tn-elem.btn-gradient .tn-atom {
      width: 100px !important;
      height: 35px !important;
      font-size: 12px !important; /* 🔥 уменьшили */
      padding: 6px 14px !important;
  }
}