.liquid-glass-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;border:1px solid rgba(247,248,255,.34);color:#f7f8ff;text-decoration:none;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translateZ(0);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,filter .22s ease;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 34%,rgba(164,127,229,.12) 58%,rgba(34,216,255,.08));backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 34px rgba(164,127,229,.18),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.12)}.liquid-glass-btn:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.72),rgba(255,255,255,.18) 18%,transparent 42%),linear-gradient(115deg,rgba(34,216,255,.18),rgba(164,127,229,.18) 42%,rgba(215,131,255,.18) 72%,rgba(255,90,31,.1));opacity:.72;transition:opacity .22s ease,transform .42s ease}.liquid-glass-btn:after{content:"";position:absolute;top:-120%;left:-45%;width:70%;height:320%;z-index:1;transform:rotate(24deg) translateX(-130%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),rgba(255,255,255,.08),transparent);opacity:0;transition:transform .72s cubic-bezier(.19,1,.22,1),opacity .22s ease;pointer-events:none}.liquid-glass-btn__content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-shadow:0 1px 14px rgba(255,255,255,.12)}.liquid-glass-btn:hover{transform:translateY(-2px);border-color:rgba(247,248,255,.58);filter:saturate(1.08);box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 44px rgba(34,216,255,.2),0 0 56px rgba(164,127,229,.22),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -1px 0 rgba(255,255,255,.16)}.liquid-glass-btn:hover:before{opacity:.92;transform:scale(1.04)}.liquid-glass-btn:hover:after{opacity:1;transform:rotate(24deg) translateX(240%)}.liquid-glass-btn:active{transform:translateY(0) scale(.985);filter:saturate(.98) brightness(.96)}.liquid-glass-btn:focus-visible{outline:2px solid rgba(34,216,255,.82);outline-offset:4px}.liquid-glass-btn--primary{background:linear-gradient(135deg,rgba(247,248,255,.22),rgba(164,127,229,.16) 36%,rgba(34,216,255,.12) 68%,rgba(255,90,31,.1))}.liquid-glass-btn--secondary{background:linear-gradient(135deg,rgba(247,248,255,.12),rgba(247,248,255,.04) 46%,rgba(34,216,255,.07));border-color:rgba(247,248,255,.24);box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.08)}.liquid-glass-btn--ghost{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.liquid-glass-btn--outline-dark{background:transparent!important;border:1px solid #030303!important;color:#030303!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.liquid-glass-btn--outline-dark:after,.liquid-glass-btn--outline-dark:before{display:none!important}.liquid-glass-btn--outline-dark:hover{background:#030303!important;color:#f7f8ff!important;border-color:#030303!important;box-shadow:0 10px 30px rgba(0,0,0,.1)!important;filter:none!important}.liquid-glass-btn--outline-dark .liquid-glass-btn__content{text-shadow:none!important}.liquid-glass-btn--sm{min-height:42px;padding:0 20px;font-size:11px}.liquid-glass-btn--md{min-height:54px;padding:0 28px;font-size:12px}.liquid-glass-btn--lg{min-height:62px;padding:0 36px;font-size:13px}@supports not ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){.liquid-glass-btn{background:linear-gradient(135deg,rgba(20,20,28,.96),rgba(45,35,72,.92))}}@media (prefers-reduced-motion:reduce){.liquid-glass-btn,.liquid-glass-btn:after,.liquid-glass-btn:before{transition:none}.liquid-glass-btn:hover{transform:none}.liquid-glass-btn:hover:after{transform:rotate(24deg) translateX(-130%);opacity:0}}