/* ── Base button ──────────────────────────────────── */
.ebtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: var(--radius-full);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--duration-base) var(--ease);
  border: none;
  white-space: nowrap;
  letter-spacing: -0.01em;
}
.ebtn:active { transform: scale(0.97); }
.ebtn-full { width: 100%; }

/* Primary */
.ebtn-p { background: var(--blue); color: white; }
.ebtn-p:hover { background: var(--blue-dark); box-shadow: var(--shadow-focus); }

/* Secondary */
.ebtn-s { background: transparent; color: var(--blue); border: 1.5px solid var(--border-dark); }
.ebtn-s:hover { border-color: var(--blue); background: var(--blue-tint); }

/* Ghost */
.ebtn-g { background: transparent; color: var(--text-muted); border: 1.5px solid var(--border-dark); }
.ebtn-g:hover { border-color: var(--text-muted); color: var(--ink); }

/* ── Link arrow ───────────────────────────────────── */
.larr {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--blue);
  cursor: pointer;
  text-decoration: none;
  transition: gap var(--duration-fast) var(--ease);
}
.larr:hover { gap: 9px; }

/* ── Tab button ───────────────────────────────────── */
.tab-b {
  padding: 10px 20px;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-muted);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease);
  margin-bottom: -1px;
  white-space: nowrap;
}
.tab-b:hover { color: var(--ink); }
.tab-b.active { color: var(--blue); border-bottom-color: var(--blue); }