/* Same transparent shell and SDF backdrop lens as the project's LiquidGlass. */
.hero-actions .button.liquid-glass-btn {
  background: transparent !important;
  -webkit-backdrop-filter: var(--hero-glass-filter,blur(1px) saturate(115%)) !important;
  backdrop-filter: var(--hero-glass-filter,blur(1px) saturate(115%)) !important;
  border: 1px solid #ffffff73 !important;
  border-top-color: #ffffffc7 !important;
  border-bottom-color: #92637633 !important;
  box-shadow: 0 7px 20px #54374e12,inset 0 1px 1px #ffffffb3,inset 0 -1px 2px #7e657d1f !important;
  color: #944361 !important;
  text-shadow: none;
}
.hero-actions .button.liquid-glass-btn::before { background: none; }
.hero-actions .button.liquid-glass-btn::after { background: linear-gradient(90deg,transparent,#ffffff24,transparent); }
.hero-actions .button.liquid-glass-btn > .glass__warp { position: absolute; z-index: 0; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg,#ffffff0f,transparent 32%,transparent 80%,#ffffff05); }
.hero-actions .button.liquid-glass-btn > .liquid-glass-inner { position: relative; z-index: 3; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; background: transparent !important; }
.hero-actions .button-primary.liquid-glass-btn { border-inline-color: #d87ba25c !important; border-bottom-color: #a3366d66 !important; color: #fff !important; text-shadow: 0 1px 2px #792c5159; box-shadow: 0 7px 20px #b43b7426,inset 0 1px 1px #ffffffe0,inset 0 -1px 2px #9f346c33 !important; }
.hero-actions .button-primary.liquid-glass-btn > .glass__warp { background: linear-gradient(160deg,rgba(214,76,136,.64),rgba(188,44,108,.70) 55%,rgba(169,37,98,.74)); }
@media (hover:hover) and (pointer:fine) {
  .hero-actions .button.liquid-glass-btn:hover { background: transparent !important; box-shadow: 0 10px 24px #54374e1a,inset 0 1px 1px #ffffffd9,inset 0 -1px 2px #7e657d2b !important; }
  .hero-actions .button-primary.liquid-glass-btn:hover { color: #fff !important; box-shadow: 0 10px 24px #b43b7433,inset 0 1px 1px #fffffff0,inset 0 -1px 2px #9f346c40 !important; }
  .hero-actions .button-primary.liquid-glass-btn:hover > .glass__warp { background: linear-gradient(160deg,rgba(214,76,136,.70),rgba(188,44,108,.76) 55%,rgba(169,37,98,.80)); }
}
.hero-actions .button.liquid-glass-btn:active { background: transparent !important; box-shadow: 0 3px 8px #54374e12,inset 0 1px 1px #ffffffb3,inset 0 -1px 2px #7e657d24 !important; }
@media (max-width: 719px), (hover: none) and (pointer: coarse) {
  .hero-actions .button.liquid-glass-btn {
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
    backdrop-filter: blur(12px) saturate(1.4) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 24px rgba(0,0,0,.15) !important;
  }
  .hero-actions .button.liquid-glass-btn > .glass__warp {
    display: none !important;
  }
  .hero-actions .button-primary.liquid-glass-btn {
    background: linear-gradient(135deg, rgba(214,76,136,.82), rgba(188,44,108,.88)) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.45), 0 8px 24px rgba(180,59,116,.3) !important;
  }
  .hero-actions .button.liquid-glass-btn:active {
    transform: scale(.97) !important;
    transition: transform .1s ease !important;
  }
}
.motion-reduced .hero-actions .button.liquid-glass-btn,.motion-reduced .hero-actions .button.liquid-glass-btn::after { transition: none !important; }
.motion-reduced .hero-actions .button.liquid-glass-btn:hover,.motion-reduced .hero-actions .button.liquid-glass-btn:active { transform: none !important; }