.glass-bg {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.1); /* полупрозрачный фон */
  border-radius: 24px; /* закругление */
  border: none; /* убираем белую обводку */
  transition: background 0.3s ease;
}

.glass-bg:hover {
  background: rgba(255, 255, 255, 0.18); /* затемнение при наведении */
}.glass-button {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border: none;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  transition: background 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.35);