.glass-btn {
  display: inline-flex;                     /* Flex для центрирования */
  align-items: center;                      /* Центр по вертикали */
  justify-content: center;                  /* Центр по горизонтали */
  box-sizing: border-box;                   /* Учитываем padding в ширине/высоте */

  /* Glass‑эффект */
  background: rgba(255, 255, 255, 0.1);      /* белый фон 10% */
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;                      /* радиус углов 30px */
  backdrop-filter: blur(3px);              /* основное размытие */
  -webkit-backdrop-filter: blur(5px);      /* для Safari */

  /* Размеры и отступы */
  padding: 0 24px;                          /* только боковые отступы */
  height: 51.35px;                          /* фиксированная высота по макету */
  font-size: 16px;
  color: #fff;

  /* Тень и анимация */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: background 0.2s, border-color 0.2s;
}

.glass-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-btn:active {
  cursor: grabbing;
}


/* Эффект мягкого парения и солнечного сияния для изображений */
.tn-atom__img.t-img.loaded {
  animation: floatSway 6s ease-in-out infinite, glowFilter 5s ease-in-out infinite;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.12)) brightness(1.05);
  transition: transform 0.5s ease, filter 0.5s ease;
  will-change: transform, filter;
}

/* Эффект при наведении — лёгкое свечение */
.tn-atom__img.t-img.loaded:hover {
  filter: drop-shadow(0 10px 20px rgba(255, 200, 120, 0.4)) brightness(1.1);
}

/* Анимации */
@keyframes floatSway {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}

@keyframes glowFilter {
  0%, 100% { filter: brightness(1.05); }
  50% { filter: brightness(1.15); }
}