/* ============================================================================
   JDM Bike Garage — buttons.css  (neon HUD buttons)
   ============================================================================ */
.btn{ position:relative; display:inline-flex; align-items:center; gap:.6rem; font-family:var(--font-tech); font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:.92rem; padding:.9rem 1.6rem; border:1px solid var(--line-2); border-radius:2px; transition:transform .3s var(--ease), background .3s, color .3s, box-shadow .3s; }
.btn:hover{ transform:translateY(-2px); }
.btn--neon{ background:var(--grad-neon); color:#0a0a0a; border-color:transparent; box-shadow:0 0 24px -8px var(--glow); }
.btn--neon:hover{ box-shadow:0 0 34px -6px var(--glow); }
.btn--ghost{ color:var(--neon); background:transparent; border-color:var(--neon); box-shadow:inset 0 0 0 0 var(--neon); }
.btn--ghost:hover{ background:rgba(255,0,51,.1); box-shadow:0 0 20px -8px var(--glow); color:var(--neon-2); }
.btn--lg{ padding:1.1rem 2rem; font-size:1rem; }

.alink{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.82rem; letter-spacing:.06em; color:var(--white); }
.alink .a{ color:var(--neon); transition:transform .3s; } .alink:hover .a{ transform:translateX(6px); }
.alink:hover{ color:var(--neon); }