.liquid-metal{isolation:isolate;cursor:pointer;background:linear-gradient(120deg,#fff,#858585 25%,#eee 45%,#555 75%,#eee);border:0;border-radius:99px;justify-content:center;align-items:center;min-width:142px;max-width:100%;height:46px;padding:0 18px;transition:transform .14s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0003}.liquid-metal-shader{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.liquid-metal-shader canvas{width:100%!important;height:100%!important}.liquid-metal-core{border-radius:inherit;pointer-events:none;background:linear-gradient(#202020,#050505);position:absolute;inset:2px}.liquid-metal-label{color:#eee;white-space:nowrap;text-overflow:ellipsis;font:13px Manrope_500Medium,system-ui;position:relative;overflow:hidden}.liquid-metal:active{transform:translateY(1px)scale(.98)}.liquid-metal:focus-visible{outline-offset:3px;outline:2px solid #167aff}@media (prefers-reduced-motion:reduce){.liquid-metal{transition:none}.liquid-metal:active{transform:none}}.liquid-metal-label{justify-content:center;align-items:center;gap:7px;display:flex}.liquid-metal-ripple{pointer-events:none;background:radial-gradient(circle,#fff6,#0000 70%);border-radius:50%;width:24px;height:24px;animation:.6s ease-out forwards metal-ripple;position:absolute}@keyframes metal-ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}.liquid-metal-compact{height:36px}.liquid-metal-compact .liquid-metal-label{gap:5px;font-size:12px}.liquid-metal-compact svg{width:16px;height:16px}