.btn{padding:14px 20px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s;display:inline-block;position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:-20% -40%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-120%) rotate(10deg)}
.btn:hover::before{animation:sheen 1s ease}
@keyframes sheen{to{transform:translateX(120%) rotate(10deg)}}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}
.btn.ghost{background:#fff;border:1px solid var(--ring);color:var(--ink)}
.btn.full-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none}
/* contact pill accent */
.pill.contact{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none}
/* responsive tweaks for buttons */
@media(max-width:760px){
  .btn{padding:12px 16px;border-radius:10px}
}