.liquid-glass-shape {
  /* Очень легкий, почти прозрачный фон. Цвет может быть белым или очень светлым оттенком цвета фона. */
  background: rgba(255, 255, 255, 0.05); /* Крайне низкая прозрачность для "чистого" стекла */

  /* Значительно увеличиваем размытие для эффекта "глубокого" стекла */
  backdrop-filter: blur(25px); /* Начните с этого значения, затем регулируйте */
  -webkit-backdrop-filter: blur(25px); /* Для поддержки Safari */

  /* Очень мягкая и едва заметная тень. Цель - легкое отделение от фона. */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); /* Очень легкая, рассеянная тень */

  /* Очень тонкая и едва заметная граница. Часто ее почти не видно, но она помогает определить форму. */
  /* Можно вообще убрать, если она кажется слишком выраженной */
  border: 1px solid rgba(255, 255, 255, 0.08); /* Едва заметная тонкая светлая граница */

  /* Имитация легкого внутреннего свечения/блика. */
  /* Можно добавить несколько слоев inset-shadow для более сложного блика. */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05), /* Внешняя тень */
              inset 0 0 0 1px rgba(255, 255, 255, 0.03); /* Очень тонкий, почти невидимый внутренний блик */

  /* Скругление углов - очень важно для эстетики Apple */
  border-radius: 20px; /* Регулируйте по форме вашего Shape */

  /* Плавные переходы для интерактивности */
  transition: all 0.3s ease-in-out;
}

.liquid-glass-shape:hover {
  background: rgba(255, 255, 255, 0.08); /* Чуть больше прозрачности при наведении */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1), /* Тень чуть выраженнее */
              inset 0 0 0 1px rgba(255, 255, 255, 0.05); /* Блик чуть заметнее */
  transform: translateY(-2px); /* Небольшой подъем */
}