/* ============================================================================
   Japan Bike Market — buttons.css  (soft, rounded, friendly)
   ============================================================================ */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-family:var(--font-sans); font-weight:700; font-size:.9rem; letter-spacing:.06em; text-transform:uppercase; padding:.9rem 1.6rem; border-radius:0; transition:transform .3s var(--ease), box-shadow .3s, background .3s, color .3s, border-color .3s; }
.btn:hover{ transform:translateY(-2px); }
.btn--orange{ background:var(--amber); color:#111; box-shadow:0 10px 28px -16px rgba(255,183,5,.55); }
.btn--orange:hover{ background:#ffc933; }
.btn--gold{ background:var(--amber); color:#111; }
.btn--gold:hover{ background:#ffc933; }
.btn--light{ background:#fff; color:#111; }
.btn--light:hover{ background:var(--amber); }
.btn--pill{ border-radius:100px; padding:.85rem 1.8rem; }
.btn--dark{ background:var(--ink); color:#fff; }
.btn--dark:hover{ background:#000; }
.btn--ghost{ border:1px solid var(--line-2); color:var(--ink); background:var(--white); text-transform:none; letter-spacing:0; }
.btn--ghost:hover{ border-color:var(--amber); color:var(--orange-deep); }
.btn--sm{ padding:.55rem 1.15rem; font-size:.78rem; }
.btn--lg{ padding:1.05rem 2rem; font-size:1rem; }

.tlink{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-sans); font-weight:700; color:var(--orange-deep); }
.tlink .a{ transition:transform .3s; } .tlink:hover .a{ transform:translateX(5px); }