*{margin:0;padding:0;font-family:PT Sans}.btn-gradient,.btn-outline-gradient{--grad-a: #667eea;--grad-b: #764ba2;position:relative;overflow:hidden;border-radius:10px;padding:10px 18px;font-weight:700;letter-spacing:.2px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn-gradient{color:#fff;background:linear-gradient(135deg,var(--grad-a) 0%,var(--grad-b) 100%);border:none;box-shadow:0 6px 20px #764ba240}.btn-outline-gradient{color:#dcdcff;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(135deg,var(--grad-a),var(--grad-b)) border-box;border:2px solid transparent}.btn-gradient:hover,.btn-outline-gradient:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-gradient:active,.btn-outline-gradient:active{transform:translateY(0);filter:brightness(1)}.btn-shimmer:after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;transform:skew(-25deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.4) 55%,transparent 100%);opacity:0;pointer-events:none;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-150%) skew(-25deg);opacity:0}5%{opacity:.7}30%{transform:translate(280%) skew(-25deg);opacity:0}to{transform:translate(280%) skew(-25deg);opacity:0}}