:root{--ctc-liq-bg:hsla(0,0%,100%,.02);--ctc-liq-border:hsla(0,0%,100%,.28);--ctc-liq-shadow:0 22px 48px rgba(8,20,40,.18);--ctc-liq-inner:inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -12px 28px rgba(20,28,40,.18);--ctc-liq-highlight:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.04));--ctc-liq-gradient:linear-gradient(120deg,rgba(74,168,255,.25),rgba(48,230,198,.22));--ctc-liq-spectrum:linear-gradient(120deg,rgba(59,130,246,.25),rgba(168,85,247,.22),rgba(245,158,11,.22),rgba(34,197,94,.22));--ctc-liq-blur:18px;--ctc-liq-radius:9999px;--ctc-liq-speed:220ms}.ctc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--ctc-liq-radius);background:var(--ctc-liq-bg);backdrop-filter:blur(var(--ctc-liq-blur));-webkit-backdrop-filter:blur(var(--ctc-liq-blur));border:1px solid var(--ctc-liq-border);box-shadow:var(--ctc-liq-shadow),var(--ctc-liq-inner);transition:transform var(--ctc-liq-speed),box-shadow var(--ctc-liq-speed),background var(--ctc-liq-speed),border-color var(--ctc-liq-speed),color var(--ctc-liq-speed),opacity var(--ctc-liq-speed);will-change:transform,filter,box-shadow;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:rgba(8,26,48,.85)}.ctc-btn:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:var(--ctc-liq-highlight);opacity:.35;pointer-events:none;-webkit-mask:linear-gradient(180deg,#000 55%,transparent);mask:linear-gradient(180deg,#000 55%,transparent)}.ctc-btn--primary{background-image:var(--ctc-liq-gradient);background-size:160% 160%;background-position:40% 40%}.ctc-btn--primary,.ctc-btn--spectrum{background-color:transparent;color:rgba(8,26,48,.82)}.ctc-btn--spectrum{background-image:var(--ctc-liq-spectrum);background-size:200% 200%;background-position:30% 60%}.ctc-btn--ghost{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.4);color:rgba(15,23,42,.75)}.ctc-btn:hover{transform:translateY(-1px) scale(1.02) rotate(.05deg);border-color:hsla(0,0%,100%,.42);background-color:hsla(0,0%,100%,.08);opacity:.96}.ctc-btn:active{transform:translateY(0) scale(.98);box-shadow:0 10px 28px rgba(14,24,44,.24),inset 0 2px 10px rgba(12,22,36,.22)}.ctc-btn:disabled{opacity:.55;pointer-events:none}.ctc-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(80,200,255,.7),var(--ctc-liq-shadow),var(--ctc-liq-inner)}@media (prefers-reduced-motion:reduce){.ctc-btn,.ctc-btn:active,.ctc-btn:hover{transition:none;transform:none}}.ctc-btn--sm{padding:.5rem .8rem;font-size:.875rem}.ctc-btn--md{padding:.65rem 1rem;font-size:.95rem}.ctc-btn--lg{padding:.9rem 1.25rem;font-size:1.05rem}.ctc-btn__icon{width:1.1em;height:1.1em;display:inline-block}.ctc-btn.ctc-btn--ripple{overflow:hidden}.ctc-btn__ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.18;background:hsla(0,0%,100%,.65);filter:blur(8px);animation:ctc-ripple .45s ease-out forwards}@keyframes ctc-ripple{0%{width:0;height:0;opacity:.35}to{width:260px;height:260px;opacity:.05}}