.button{color:var(--text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:12px;background:rgba(255,255,255,.03);border:var(--card-border);position:relative;overflow:hidden;padding:.8rem 1.2rem}.button,.button:before{transition:all .5s cubic-bezier(.4,0,.2,1)}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--primary),var(--accent));opacity:0;z-index:-1;transform:translateY(100%)}.button:hover{transform:translateY(-2px);border-color:rgba(0,170,255,.3);box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,170,255,.1),0 0 20px rgba(0,170,255,.2)}.button:hover:before{transform:translateY(0);opacity:1}