/**
 * WHAT: Styling for the additive artifact-download links (per-stage
 * "Download output", run-level "Download all (.zip)").
 * WHY: Kept in its own file (not appended to app.css) for the same
 * additive/merge-safety reason as downloads.js — see that file's header.
 * HOW: Reuses the same 2 locked hex values + rose-gold accent already
 * defined as CSS custom properties in theme.css (--brand-pink, --brand-
 * black, --brand-accent) — no new literal hex colors introduced here.
 */

.run-meta__download,
.stage-card__download {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--brand-accent);
  border-radius: 0.4rem;
  padding: 0.28rem 0.65rem;
  color: var(--brand-accent);
  background: var(--surface-1);
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.run-meta__download:hover,
.stage-card__download:hover {
  background: var(--brand-accent);
  color: var(--brand-ink);
  box-shadow: 0 0 0.9rem var(--glow-accent);
  transform: translateY(-1px);
}