/* ===== Анимация свечения для кнопок ===== */
@keyframes ucGlow {
0%, 100% {
filter:
drop-shadow(0 0 0 rgba(5,43,30,0))
drop-shadow(0 0 0 rgba(5,43,30,0));
}
50% {
filter:
drop-shadow(0 0 var(--uc-glow-r1,14px) rgba(5,43,30,var(--uc-glow-a1,.65)))
drop-shadow(0 0 var(--uc-glow-r2,32px) rgba(5,43,30,var(--uc-glow-a2,.35)));
}
}
/* Универсально: применяем к стандартным тильдовским кнопкам, если есть класс glow */
.t-btn.glow,
.t-submit.glow {
--uc-glow-r1: 14px; /* радиус внутреннего свечения */
--uc-glow-r2: 32px; /* радиус внешнего свечения */
--uc-glow-a1: .65; /* прозрачность внутреннего */
--uc-glow-a2: .35; /* прозрачность внешнего */
--uc-glow-duration: 1.8s;
animation: ucGlow var(--uc-glow-duration) ease-in-out infinite;
will-change: filter;
}
/* На больших экранах усиливаем эффект */
@media (min-width:1025px){
.t-btn.glow,
.t-submit.glow {
--uc-glow-r1: 24px;
--uc-glow-r2: 60px;
}
}
/* Уважение к prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
.t-btn.glow,
.t-submit.glow {
animation: none;
}
}