/* Основной стиль кнопки bright */
.brigt,
.tn-elem .brigt,
.tn-atom__button.brigt {
  background-color: #FFD77A !important; /* жёлтый фон */
  color: #222 !important;               /* тёмный текст */
  border: none !important;
  border-radius: 40px !important;       /* форма капсулы */
  padding: 14px 36px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-align: center !important;
  display: inline-block !important;
  text-decoration: none !important;

  /* свечение по умолчанию (легкое) */
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.35) !important;
  transition: transform 0.3s ease, box-shadow 0.4s ease !important;

  /* анимация пульсации */
  animation: brightPulse 2s ease-in-out infinite !important;
}

/* Усиление эффекта при наведении */
.brigt:hover,
.tn-elem .brigt:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.9) !important;
}

/* Анимация пульсирующего свечения */
@keyframes brightPulse {
  0% {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
  }
}

/* универсально для кнопок Zero Block с классом .qwer */
.t396__elem .qwer,
.tn-elem .qwer,
.tn-atom__button.qwer,
a.qwer {
  background-color: #333333 !important; /* фон */
  color: #fff !important;               /* белый текст */
  border: none !important;
  border-radius: 40px !important;
  padding: 14px 36px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;

  /* анимация свечения */
  box-shadow: 0 0 8px rgba(255,255,255,0.3) !important;
  animation: qwerGlow 3s ease-in-out infinite !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* при наведении — чуть больше и ярче */
.t396__elem .qwer:hover,
.tn-elem .qwer:hover,
.tn-atom__button.qwer:hover,
a.qwer:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 25px rgba(255,255,255,0.9) !important;
}

/* анимация — белый → жёлтый → белый */
@keyframes qwerGlow {
  0% {
    box-shadow: 0 0 8px rgba(255,255,255,0.3);
  }
  50% {
    box-shadow: 0 0 18px rgba(255,211,108,0.9);
  }
  100% {
    box-shadow: 0 0 8px rgba(255,255,255,0.3);
  }
}