.liquid-glass {
    position: relative;               /* чтобы псевдоэлементы правильно позиционировались */
    overflow: hidden;                 /* обрезаем «лишний» блюр и тени */
    
    /* фон и фильтры */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px) saturate(150%);
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    
    /* рамка 10px по вашему требованию */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    
    /* внешняя и внутренняя тень для глубины */
    box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.1),         /* мягкая внешняя тень */
      inset 0 0 50px rgba(255, 255, 255, 0.2);/* лёгкая внутренняя подсветка */
    
    /* плавный переход при наведении */
    transition: transform 0.4s ease, background 0.4s ease;
  }

  /* тонкая анимация градиентной рамки через псевдоэлемент */
  .liquid-glass::before {
    content: "";
    position: absolute;
    top: -10px; left: -10px; right: -10px; bottom: -10px;
    background: linear-gradient(120deg,
                rgba(255,255,255,0.5),
                rgba(255,255,255,0.1),
                rgba(255,255,255,0.5));
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
  }

  .liquid-glass:hover::before {
    opacity: 1;
  }

  .liquid-glass:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.03);
  }



  /* Кнопка в стиле Liquid Glass без явных отступов (используются настройки Tilda) */
  .btn-liquid {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    /* базовый фон и рамка */
    background: #2979FF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;

    /* тени для глубины */
    box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.1),
      inset 0 0 20px rgba(255, 255, 255, 0.2);

    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  /* Обёртка текста над бликом */
  .btn-liquid__content {
    position: relative;
    z-index: 2;
  }

  /* Зацикленный движущийся блик */
  .btn-liquid::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0)   0%,
      rgba(255,255,255,0.6) 50%,
      rgba(255,255,255,0)   100%
    );
    transform: skewX(-25deg);
    animation: shimmer 2s infinite;
    pointer-events: none;
    z-index: 1;
  }

  @keyframes shimmer {
    0%   { left: -100%; }
    100% { left: 200%; }
  }

  /* Hover-эффекты */
  .btn-liquid:hover {
    transform: scale(1.05);
    box-shadow:
      0 12px 48px rgba(0, 0, 0, 0.2),
      inset 0 0 30px rgba(255, 255, 255, 0.3);
  }