.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(5px);              /* основное размытие */
  -webkit-backdrop-filter: blur(10px);      /* для 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;
}