.liquid-mercury{--mercury-energy:0;isolation:isolate;color:oklch(100% 0 0);-webkit-backdrop-filter:blur(3px);max-width:100%;min-height:3.75rem;font-family:var(--font-sans);letter-spacing:.065em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(175deg,oklch(100% 0 0/.16),oklch(100% 0 0/.03) 24%,#0000 52%,oklch(100% 0 0/.05) 85%,oklch(100% 0 0/.14));border:1px solid oklch(100% 0 0/.42);border-radius:9999px;justify-content:center;align-items:center;padding:1.05rem 1.65rem;font-size:.8rem;font-weight:800;text-decoration:none;transition:box-shadow .3s,border-color .3s;display:inline-flex;position:relative;box-shadow:inset 0 1px 1px oklch(100% 0 0/.55),inset 0 -1px 2px oklch(100% 0 0/.15),0 3px 12px oklch(0% 0 0/.25)}.liquid-mercury:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:0;position:absolute;inset:5px;box-shadow:inset 0 2px 6px oklch(100% 0 0/.1),inset 0 -2px 5px oklch(100% 0 0/.06)}.liquid-mercury:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(175deg,oklch(100% 0 0/.09),#0000 30% 70%,oklch(100% 0 0/.05));position:absolute;inset:8px}.liquid-mercury__fluid{border-radius:inherit;opacity:.65;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px;overflow:hidden}.liquid-mercury__label{z-index:2;color:oklch(100% 0 0);text-align:center;text-shadow:0 1px 2px oklch(0% 0 0),0 2px 5px oklch(0% 0 0/.9),0 0 1px oklch(0% 0 0);pointer-events:none;justify-content:center;align-items:center;gap:.65rem;min-width:0;padding:.2rem .35rem;display:inline-flex;position:relative}.liquid-mercury__label svg{flex-shrink:0;width:1rem;height:1rem}.liquid-mercury__flare{z-index:3;width:1.2rem;height:.3rem;opacity:calc(.25 + var(--mercury-energy) * .3);pointer-events:none;background:radial-gradient(oklch(100% 0 0/.75),#0000 70%);position:absolute}.liquid-mercury__flare--left{top:2px;left:11%;transform:rotate(-12deg)}.liquid-mercury__flare--right{bottom:1px;right:11%;transform:rotate(-12deg)}.liquid-mercury:not(:disabled):is(:hover,:focus-visible){border-color:oklch(100% 0 0/.65);box-shadow:inset 0 1px 2px oklch(100% 0 0/.65),inset 0 -1px 2px oklch(100% 0 0/.22),0 0 16px oklch(100% 0 0/.12),0 5px 18px oklch(0% 0 0/.3)}.liquid-mercury:focus-visible{outline-offset:6px;outline:2px solid oklch(100% 0 0/.85)}.liquid-mercury:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.liquid-mercury{transition:none}}