/* button.css
   Анимация для кнопки "ПРОДОЛЖИТЬ" в блоке rec899986495
   Обновленная версия:
   - более яркая белая полоса
   - более медленное движение
   - премиальное "золотое" свечение
   Все изменения помечены как: CHANGED / ADDED
*/

#rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* ADDED: мягкое золотое свечение по краям */
  box-shadow:
    0 0 12px rgba(255, 214, 10, 0.25),
    0 0 28px rgba(255, 214, 10, 0.15),
    inset 0 0 12px rgba(255, 230, 120, 0.15);

  animation: buttonPulseGlow 3.2s ease-in-out infinite; /* CHANGED: немного плавнее */
  will-change: box-shadow, filter, transform;
}

/* ===============================
   БЕЛАЯ ПОЛОСА ОТБЛИКА
   =============================== */

#rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -120%;
  width: 45%; /* CHANGED: чуть шире */
  height: 180%;
  pointer-events: none;
  transform: rotate(18deg); /* CHANGED: более естественный угол */

  /* CHANGED: более яркий и контрастный блик */
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.22) 20%, /* CHANGED */
    rgba(255, 255, 255, 1) 50%, /* CHANGED: центр ярче */
    rgba(255, 255, 255, 0.22) 80%, /* CHANGED */
    rgba(255, 255, 255, 0) 100%
  );

  filter: blur(1px);
  mix-blend-mode: screen;
  animation: buttonShineSweep 6s ease-in-out infinite; /* CHANGED: медленнее */
}

/* ===============================
   МЯГКОЕ ЖЕЛТОЕ МЕРЦАНИЕ
   =============================== */

#rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;

  /* CHANGED: более теплый золотой оттенок */
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 231, 97, 0.35) 0%, rgba(255, 231, 97, 0) 65%);

  opacity: 0;
  animation: buttonWarmFlicker 3.2s ease-in-out infinite; /* CHANGED */
}

/* ADDED: дополнительный мягкий верхний блик для "дорогого" эффекта */
#rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom .tn-atom__button-content {
  position: relative;
  z-index: 2;
}

#rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom .tn-atom__button-text {
  text-shadow:
    0 0 8px rgba(255, 245, 190, 0.35),
    0 1px 0 rgba(255, 255, 255, 0.08);
}

/* ===============================
   ПУЛЬС СВЕЧЕНИЯ
   =============================== */

@keyframes buttonPulseGlow {
  0%, 100% {
    box-shadow:
      0 0 10px rgba(255, 214, 10, 0.20),
      0 0 24px rgba(255, 214, 10, 0.15),
      inset 0 0 8px rgba(255, 230, 120, 0.12);
    filter: brightness(1);
  }

  35% {
    box-shadow:
      0 0 18px rgba(255, 214, 10, 0.45),
      0 0 36px rgba(255, 214, 10, 0.28),
      inset 0 0 14px rgba(255, 240, 160, 0.18);
    filter: brightness(1.04);
  }

  65% {
    box-shadow:
      0 0 26px rgba(255, 214, 10, 0.65),
      0 0 50px rgba(255, 214, 10, 0.35),
      inset 0 0 18px rgba(255, 240, 160, 0.25);
    filter: brightness(1.08);
  }
}

/* ===============================
   МЕРЦАНИЕ ЖЕЛТОГО СВЕТА
   =============================== */

@keyframes buttonWarmFlicker {
  0%, 100% { opacity: 0.08; }
  30% { opacity: 0.18; }
  55% { opacity: 0.30; }
  75% { opacity: 0.12; }
}

/* ===============================
   ДВИЖЕНИЕ БЕЛОЙ ПОЛОСЫ
   =============================== */

@keyframes buttonShineSweep {
  0%, 70%, 100% {
    left: -120%;
    opacity: 0;
  }

  76% {
    opacity: 0.25; /* CHANGED: заметнее начало */
  }

  85% {
    left: 140%;
    opacity: 1; /* CHANGED: ярче в центре */
  }

  87% {
    opacity: 0.4;
  }

  88%, 99% {
    opacity: 0;
  }
}

/* ===============================
   ACCESSIBILITY
   =============================== */

@media (prefers-reduced-motion: reduce) {
  #rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom,
  #rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom::before,
  #rec899986495 .tn-elem[data-elem-id="1718616433962"] .tn-atom::after {
    animation: none;
  }
}