.liquid-fx{filter:contrast(1.8);display:inline-flex;isolation:isolate}.liquid-btn{--lq-w: auto;--lq-h: 44px;--lq-r: 9999px;--lq-tr: 20%;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-width:var(--lq-w);height:var(--lq-h);padding:0 1.25rem;border-radius:var(--lq-r);border:1px double rgba(51,51,51,.08);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s ease,filter .25s ease;background:#ffffff0a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);filter:brightness(.95);box-shadow:inset 2px -2px 1px -1px #ffffffe6,inset -2px 2px 1px -1px #ffffffe6,inset 6px -6px 1px -6px #ffffff8c,inset -6px 6px 1px -6px #ffffff8c,inset 0 0 2px #000c,0 4px 8px #00000026}.liquid-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.liquid-btn:active{transform:translateY(0) scale(.97)}.liquid-btn:before{content:"";position:absolute;z-index:1;top:35%;left:50%;transform:translate(-50%);width:calc(100% - 16px);height:calc(100% - 16px);border-radius:var(--lq-r);border:1px solid rgba(0,0,0,.9);filter:blur(8px);pointer-events:none}.liquid-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:var(--lq-r);filter:blur(3px);pointer-events:none;background:linear-gradient(45deg,rgba(255,255,255,.8) 0%,transparent var(--lq-tr),transparent calc(100% - var(--lq-tr)),rgba(255,255,255,.8) 100%)}.liquid-btn .liquid-ring{position:absolute;top:4.5px;right:4.5px;bottom:4.5px;left:4.5px;border:1px solid rgba(255,255,255,.2);border-radius:var(--lq-r);filter:blur(1px);pointer-events:none;z-index:3}.liquid-btn .liquid-content{position:relative;z-index:10;display:inline-flex;align-items:center;gap:.625rem;color:#3e3e3e;font-weight:700;filter:drop-shadow(0 12px 3px rgba(102,102,102,.15))}.liquid-btn .liquid-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background:#3e3e3e;color:#f5f5f5;box-shadow:0 0 6px #0000004d;flex-shrink:0}.liquid-btn .liquid-icon svg{width:14px;height:14px}.dark .liquid-fx{filter:contrast(1.4)}.dark .liquid-btn{background:#ffffff08;border-color:#ffffff14;box-shadow:inset 2px -2px 1px -1px #ffffffb3,inset -2px 2px 1px -1px #ffffffb3,inset 6px -6px 1px -6px #ffffff59,inset -6px 6px 1px -6px #ffffff59,inset 0 0 2px #000000e6,0 4px 10px #00000073}.dark .liquid-btn:before{border-color:#000000f2}.dark .liquid-btn:after{background:linear-gradient(45deg,rgba(255,255,255,.55) 0%,transparent var(--lq-tr),transparent calc(100% - var(--lq-tr)),rgba(255,255,255,.55) 100%)}.dark .liquid-btn .liquid-content{color:#f1f1f1;filter:drop-shadow(0 12px 3px rgba(0,0,0,.35))}.dark .liquid-btn .liquid-icon{background:#f1f1f1;color:#1a1a1a}.liquid-btn.is-sm{--lq-h: 34px;padding:0 .9rem;font-size:12px}.liquid-btn.is-sm .liquid-icon{width:24px;height:24px}.liquid-btn.is-sm .liquid-icon svg{width:11px;height:11px}.liquid-btn.is-lg{--lq-h: 64px;padding:0 1.75rem;font-size:20px}.liquid-btn.is-lg .liquid-icon{width:48px;height:48px}.liquid-btn.is-lg .liquid-icon svg{width:20px;height:20px}.liquid-btn.is-circle{width:var(--lq-h);padding:0}