.gradient-button{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-orbitron),sans-serif;cursor:pointer;z-index:1;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.gradient-button:before{content:"";background:linear-gradient(-45deg,var(--cyan)0%,var(--gold)100%);z-index:-2;pointer-events:none;border-radius:.625rem;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:-3px}.gradient-button:after{content:"";background:linear-gradient(-45deg,var(--cyan)0%,var(--gold)100%);filter:blur(20px);opacity:.5;z-index:-3;border-radius:.75rem;transition:filter .3s,opacity .3s;position:absolute;inset:-6px;transform:translate(0,0)scale(.95)}.gradient-button:hover:after{filter:blur(30px);opacity:.8}.gradient-button:hover:before{transform:rotate(-180deg)}.gradient-button:active:before{transform:rotate(-180deg)scale(.95)}.gradient-button:active{transform:scale(.98)}.neon-button{border:2px solid var(--cyan);font-family:var(--font-orbitron),sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s ease-in-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 #0000}.neon-button:hover{color:hsl(var(--foreground));background:#00d4ff1a;box-shadow:0 0 40px 10px #00d4ff66}.neon-button:before{content:"";opacity:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:0;height:86%;box-shadow:0 0 50px 30px var(--cyan);transition:all .5s ease-in-out;display:block;position:absolute;top:7%;left:0%;transform:skew(-20deg)}.neon-button:hover:before{animation:.6s linear neon-shine}@keyframes neon-shine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.neon-button:active{transition:all .2s ease-in;transform:scale(.95);box-shadow:0 0 #0000}.neon-button-gold{border-color:var(--gold);color:var(--gold)}.neon-button-gold:hover{color:hsl(var(--foreground));background:#d4af371a;box-shadow:0 0 40px 10px #d4af3766}.neon-button-gold:before{background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 50px 30px var(--gold)}