.metal-btn{--metal-frame-radius:12px;--metal-face-radius:10px;--metal-face-px:24px;--metal-face-py:16px;--metal-font-size:16px;--metal-blob-size:60px;--metal-blob-offset:-30px;--metal-highlight-w:100px;--metal-highlight-h:30px;--metal-highlight-left:43px;--metal-highlight-bottom:22px;position:relative;display:inline-flex;cursor:pointer;overflow:visible;will-change:transform}.metal-btn__glow-pink{position:absolute;width:60px;height:60px;left:-10px;bottom:-8px;border-radius:999px;background:rgb(217,47,92);opacity:.6;filter:blur(15px);z-index:-1;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-standard)}.metal-btn:hover .metal-btn__glow-pink{opacity:.2}.metal-btn__glow-white{position:absolute;width:60px;height:60px;right:-10px;top:-10px;border-radius:999px;background:rgb(254,254,254);opacity:.3;filter:blur(15px);z-index:-1;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-standard)}.metal-btn:hover .metal-btn__glow-white{opacity:.1}.metal-btn__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--metal-frame-radius);padding:2px;background-color:transparent;overflow:clip}.metal-btn__metal{position:absolute;inset:0;z-index:0;pointer-events:none}.metal-btn__metal canvas{display:block;width:100%;height:100%}.metal-btn__highlight{position:absolute;width:var(--metal-highlight-w);height:var(--metal-highlight-h);top:0;right:0;border-radius:999px;background-color:#fafaf8;filter:blur(1px);z-index:1;pointer-events:none;opacity:.7;transition:opacity var(--duration-slow) var(--ease-standard),top var(--duration-emphasis) var(--ease-smooth),right var(--duration-emphasis) var(--ease-smooth)}.metal-btn:hover .metal-btn__highlight{opacity:.9;top:calc(100% - var(--metal-highlight-h) - 6px);right:calc(100% - var(--metal-highlight-w) - 20px)}.metal-btn__highlight-circle{position:absolute;width:40px;height:40px;right:0;top:0;border-radius:999px;background-color:var(--color-surface-light);filter:blur(15px);opacity:.4;z-index:3;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-standard)}.metal-btn:hover .metal-btn__highlight-circle{opacity:.25}.metal-btn__blob{position:absolute;width:var(--metal-blob-size);height:var(--metal-blob-size);left:var(--metal-blob-offset);bottom:var(--metal-blob-offset);border-radius:999px;background:radial-gradient(circle at center,rgba(249,255,142,1) 0,rgba(248,255,106,1) 17.5%,rgba(246,255,70,1) 35%,rgba(243,196,53,1) 48.75%,rgba(241,137,35,1) 62.5%,rgba(240,108,26,1) 69.375%,rgba(238,78,18,1) 76.25%,rgba(237,49,9,1) 83.125%,rgba(236,20,0,1) 90%);filter:blur(5px);opacity:1;transition:left var(--duration-emphasis) var(--ease-smooth),bottom var(--duration-emphasis) var(--ease-smooth),filter var(--duration-emphasis) var(--ease-standard),width var(--duration-emphasis) var(--ease-standard),height var(--duration-emphasis) var(--ease-standard);z-index:1;pointer-events:none}.metal-btn:hover .metal-btn__blob{left:calc(100% - 50px);bottom:calc(100% - 40px);width:70px;height:70px;filter:blur(5px)}.metal-btn__face{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--metal-face-radius);color:#ffffff;font-family:var(--font-sans);font-weight:700;font-size:var(--metal-font-size);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;padding:var(--metal-face-py) var(--metal-face-px);background-color:#1d1f2a;text-decoration:none;overflow:hidden;transition:background-color var(--duration-medium) var(--ease-standard)}.metal-btn:hover .metal-btn__face{background-color:#252737}.metal-btn__light{position:absolute;inset:0;border-radius:var(--metal-face-radius);background:radial-gradient(70% 70% at 15% 85%,rgba(249,67,6,.06) 0,rgba(200,50,5,.03) 50%,transparent 100%);opacity:1;transition:background var(--duration-emphasis) var(--ease-smooth);pointer-events:none;z-index:3}.metal-btn:hover .metal-btn__light{background:radial-gradient(70% 70% at 80% 20%,rgba(249,67,6,.12) 0,rgba(200,50,5,.06) 50%,transparent 100%)}.metal-btn__accent{position:absolute;width:40px;height:40px;right:-12px;top:50%;transform:translateY(-50%);border-radius:999px;background:radial-gradient(circle at center,rgba(249,67,6,.3) 0,rgba(239,108,12,.15) 50%,transparent 100%);filter:blur(8px);pointer-events:none;z-index:3;opacity:0;transition:opacity var(--duration-slow) var(--ease-standard)}.metal-btn:hover .metal-btn__accent{opacity:1}.metal-btn__icon{flex-shrink:0;display:flex;align-items:center}.metal-btn__icon svg{display:block}.metal-btn--disabled{pointer-events:none;opacity:.5}.metal-btn--disabled .metal-btn__glow-pink,.metal-btn--disabled .metal-btn__glow-white{opacity:0}.metal-btn--no-webgl .metal-btn__frame,.metal-btn--static .metal-btn__frame{background:linear-gradient(135deg,#a8abc0,#878ba4 50%,#a8abc0)}.metal-btn--sm{--metal-frame-radius:10px;--metal-face-radius:8px;--metal-face-px:20px;--metal-face-py:12px;--metal-font-size:14px;--metal-blob-size:45px;--metal-blob-offset:-22px;--metal-highlight-w:70px;--metal-highlight-h:22px;--metal-highlight-left:30px;--metal-highlight-bottom:16px}.metal-btn--sm .metal-btn__highlight-circle{width:30px;height:30px;filter:blur(12px)}.metal-btn--sm:hover .metal-btn__blob{width:50px;height:50px;left:calc(100% - 38px);bottom:calc(100% - 32px)}.metal-btn--lg{--metal-frame-radius:14px;--metal-face-radius:12px;--metal-face-px:32px;--metal-face-py:20px;--metal-font-size:20px;--metal-blob-size:75px;--metal-blob-offset:-36px;--metal-highlight-w:130px;--metal-highlight-h:38px;--metal-highlight-left:56px;--metal-highlight-bottom:28px}.metal-btn--lg .metal-btn__highlight-circle{width:50px;height:50px;filter:blur(18px)}.metal-btn--lg:hover .metal-btn__blob{width:85px;height:85px;left:calc(100% - 60px);bottom:calc(100% - 50px)}.metal-btn--pill{--metal-frame-radius:9999px;--metal-face-radius:9999px}.metal-btn--white .metal-btn__face{background-color:var(--color-surface-light);color:var(--color-text-dark)}.metal-btn--white:hover .metal-btn__face{background-color:var(--color-surface)}.metal-btn--primary .metal-btn__face{background-color:var(--color-primary);color:#ffffff}.metal-btn--primary:hover .metal-btn__face{background-color:var(--color-primary-hover)}.metal-btn--primary .metal-btn__light{background:radial-gradient(70% 70% at 15% 85%,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) 50%,transparent 100%)}.metal-btn--primary:hover .metal-btn__light{background:radial-gradient(70% 70% at 80% 20%,rgba(255,255,255,.14) 0,rgba(255,255,255,.06) 50%,transparent 100%)}.metal-btn--full-width{display:flex;width:100%}.metal-btn--full-width .metal-btn__face,.metal-btn--full-width .metal-btn__frame{width:100%}@media (min-width:600px){.metal-btn--full-width{display:inline-flex;width:auto}.metal-btn--full-width .metal-btn__face,.metal-btn--full-width .metal-btn__frame{width:auto}}