/* ==========================================================================
   BUTTONS / CHIPS — shared CTA + tag chip styles
   ========================================================================== */

.tagchip{
  align-self:flex-start; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em;
  color:var(--accent); border:1px solid var(--accent-soft); padding:6px 12px; border-radius:100px;
}

.btn-cta{
  display:inline-flex; align-items:center; gap:10px; align-self:flex-start;
  font-family:'Space Grotesk', sans-serif; font-size:15px; letter-spacing:.04em; color:var(--bg-soft);
  background:var(--ink); padding:16px 30px; border-radius:100px; text-decoration:none;
  box-shadow:var(--shadow-out); transition:transform .3s var(--ease), background .3s var(--ease);
  border:none; cursor:pointer;
}
.btn-cta:hover{ transform:translateY(-3px); background:var(--accent); }

.btn-ghost{
  display:inline-flex; align-items:center; gap:10px; align-self:flex-start;
  font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink); background:transparent; padding:12px 22px; border-radius:100px; text-decoration:none;
  border:1px solid var(--line); transition:border-color .3s var(--ease), color .3s var(--ease);
}
.btn-ghost:hover{ border-color:var(--accent); color:var(--accent); }