.liquid-btn{isolation:isolate;align-items:center;gap:var(--s3);border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-text);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;color:var(--ink);padding:var(--s4) var(--s6);transition:transform var(--t-normal) var(--ease-out), color var(--t-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:#ffffff4d;border:none;text-decoration:none;display:inline-flex;position:relative}.liquid-btn:before,.liquid-btn:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.liquid-btn:before{-webkit-backdrop-filter:blur(10px);transition:box-shadow var(--t-normal) var(--ease-out);background:#ffffff47;box-shadow:0 0 6px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000d9,inset 1px 1px 1px -.5px #0009,inset -1px -1px 1px -.5px #0009,inset 0 0 6px 6px #0000001a,inset 0 0 2px 2px #0000000d,0 0 12px #ffffff26}.liquid-btn:after{mix-blend-mode:overlay;background:linear-gradient(#fff6 0%,#fff0 45%)}.liquid-btn:hover{transform:scale(1.045)}.liquid-btn:active{transform:scale(.97)}.liquid-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.section-dark .liquid-btn,.section-deep .liquid-btn{color:var(--paper);background:#181f1f4d}.section-dark .liquid-btn:before,.section-deep .liquid-btn:before{background:#181f1f52;box-shadow:0 0 8px #0000000d,0 2px 6px #0000002e,inset 3px 3px .5px -3.5px #ffffff1f,inset -3px -3px .5px -3.5px #ffffffb3,inset 1px 1px 1px -.5px #ffffff80,inset -1px -1px 1px -.5px #ffffff80,inset 0 0 6px 6px #ffffff1a,inset 0 0 2px 2px #ffffff0d,0 0 12px #00000040}.section-dark .liquid-btn:focus-visible,.section-deep .liquid-btn:focus-visible{outline-color:var(--paper)}.hdr .liquid-btn:before{-webkit-backdrop-filter:none}.liquid-btn--solid{background:var(--ink);color:var(--paper)}.liquid-btn--solid:before{opacity:.55}.section-dark .liquid-btn--solid,.section-deep .liquid-btn--solid{background:var(--mint);color:var(--ink)}.liquid-btn--sm{padding:var(--s3) var(--s5);font-size:var(--text-xs)}.liquid-btn--lg{padding:var(--s5) var(--s7);font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){.liquid-btn{transition:none}.liquid-btn:hover,.liquid-btn:active{transform:none}}
