.liquid-button{position:relative;display:inline-block;width:260px;max-width:100%;height:52px;box-sizing:border-box;border:2px solid #fff;border-radius:8px;background:#000;color:#fff;isolation:isolate;font:600 20px/1.4 Arial,sans-serif;letter-spacing:.025em}
.liquid-button-glow{position:absolute;width:112.81%;height:128.57%;top:8.57%;left:50%;transform:translateX(-50%);filter:blur(19px);opacity:.7;pointer-events:none}
.liquid-button-glow-base{position:absolute;inset:0;border-radius:8px;background:#d9d9d9;filter:blur(6.5px)}
.liquid-button-field{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;pointer-events:none}
.liquid-button-underlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:92.23%;height:112.85%;border-radius:8px;background:#010128;filter:blur(7.3px);pointer-events:none}
.liquid-button-face{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;pointer-events:none}
.liquid-button-base,.liquid-button-black{position:absolute;inset:0;border-radius:8px;background:#d9d9d9}
.liquid-button-black{background:#000}
.liquid-button-layer{position:absolute;top:50%;left:50%;width:443px;height:121px;mix-blend-mode:difference}
.liquid-button-layer svg{display:block;width:100%;height:100%;overflow:hidden}
.liquid-button-layer:nth-child(1){transform:translate(-50%,-50%)}
.liquid-button-layer:nth-child(2){transform:translate(-50%,-50%) rotate(164.971deg)}
.liquid-button-layer:nth-child(3){transform:translate(-53%,-53%) rotate(-11.61deg)}
.liquid-button-layer:nth-child(n+4){width:756px;height:207px}
.liquid-button-layer:nth-child(4){transform:translate(-50%,-57%) rotate(-179.012deg)}
.liquid-button-layer:nth-child(5){transform:translate(-57%,-50%) rotate(-29.722deg)}
.liquid-button-layer:nth-child(6){transform:translate(-62%,-24%) rotate(160.227deg)}
.liquid-button-layer:nth-child(7){transform:translate(-67%,-29%) rotate(180deg);mix-blend-mode:hard-light}
.liquid-button-edge{position:absolute;inset:0;box-sizing:border-box;border:3px solid currentColor;border-radius:8px;mix-blend-mode:overlay;filter:blur(4px)}
.liquid-button-edge-one,.liquid-button-edge-two{filter:blur(3px)}
.liquid-button-edge-three{filter:blur(5px)}
.liquid-button-shade{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:70.8%;height:42.85%;border-radius:8px;filter:blur(15px);background:#006}
.liquid-button-action{position:absolute;inset:0;display:flex;align-items:center;width:100%;height:100%;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;font:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent}
.liquid-button-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 16px;box-sizing:border-box;white-space:nowrap}
.liquid-button-label [data-lucide],.liquid-button-label svg{display:block;width:24px;height:24px;flex-shrink:0;fill:currentColor}
.liquid-button:hover .liquid-button-action,.liquid-button:focus-within .liquid-button-action{color:#facc15}
.liquid-button-action:focus-visible{outline:2px solid #93c5fd;outline-offset:5px}
@media(max-width:360px){.liquid-button{font-size:18px}}

/* Match the chosen sample while fitting each existing CTA placement. */
.button.liquid-button{display:inline-block;padding:0;gap:0;vertical-align:middle;box-shadow:none;transition:none;transform:none;text-align:left}
.button.liquid-button:hover{background:#000;box-shadow:none;transform:none}
.button.liquid-button span,.button.liquid-button:hover span{transition:none;transform:none}
.button.liquid-button .liquid-button-glow{transform:translateX(-50%)}
.button.liquid-button .liquid-button-underlight,.button.liquid-button .liquid-button-shade{transform:translate(-50%,-40%)}
.button.liquid-button .liquid-button-action{color:#fff}
.button.liquid-button .liquid-button-action,.button.liquid-button .liquid-button-label{display:flex}
.button.liquid-button:hover .liquid-button-action,.button.liquid-button:focus-visible .liquid-button-action{color:#facc15}
.button.liquid-button.full{width:100%}
.button.liquid-button.small{width:198px;height:42px;font-size:14px}
.button.liquid-button.small .liquid-button-label{padding:0 12px}
.button.liquid-button.small .liquid-button-label svg{width:18px;height:18px}
@media(min-width:701px) and (max-width:1000px){.button.liquid-button.full{font-size:16px}.button.liquid-button.full .liquid-button-label{padding:0 12px}.button.liquid-button.full .liquid-button-label svg{width:20px;height:20px}}
@media(max-width:700px){.button.liquid-button.small{width:164px;height:40px;font-size:12px}.button.liquid-button.small .liquid-button-label{padding:0 10px}.button.liquid-button.small .liquid-button-label svg{width:16px;height:16px}}
@media(max-width:360px){.button.liquid-button.full{font-size:16px}.button.liquid-button.full .liquid-button-label{padding:0 12px}}
/* Keep the animated face while preserving the card's solid-black surface. */
.install-card .liquid-button-glow,.install-card .liquid-button-underlight{display:none}