/*
 * MM3D Slicer — L2 shared marketing button shape (Wave 3, D1).
 * Shape only: height, radius, padding, weight.
 * Color roles stay on page rules / modifiers (orange = highest CTA, blue = normal primary).
 * Topbar chips stay in site-topbar.css (40px). Account-flow / admin not in this wave.
 */

.site-btn,
.home-primary-cta,
.home-secondary-cta,
.home-final-cta a,
.plan-cta,
.downloads-primary-button,
.downloads-secondary-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 7px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

/* Dual-class shape must beat leftover page copies (e.g. old 999px / 6px).
   Do not raise specificity on .home-hero CTAs: I1 still lets immersive hero buttons grow. */
.site-btn.plan-cta,
.site-btn.downloads-primary-button,
.site-btn.downloads-secondary-button,
body.home-page .home-final-cta a.site-btn {
  min-height: 48px;
  padding: 0 20px;
  border-radius: 7px;
  font-weight: 900;
}

.site-btn--primary {
  border: 1px solid rgba(29, 155, 255, 0.62);
  background: linear-gradient(135deg, #087cff, #0756c7);
  color: #fff;
  box-shadow: 0 12px 28px rgba(8, 124, 255, 0.2);
}

.site-btn--accent {
  border: 1px solid #f08c0c;
  background: linear-gradient(135deg, #ffb13b, #ff9d24);
  color: #241605;
  box-shadow: 0 14px 30px rgba(255, 157, 36, 0.24);
}

.site-btn--secondary {
  border: 1px solid #c7d1dc;
  background: #fff;
  color: #0a1b31;
  box-shadow: none;
}

.site-btn--on-dark.site-btn--secondary {
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: transparent;
  color: #fff;
}

.site-btn:focus-visible,
.home-primary-cta:focus-visible,
.home-secondary-cta:focus-visible,
.plan-cta:focus-visible,
.downloads-primary-button:focus-visible,
.downloads-secondary-button:focus-visible {
  outline: 2px solid #1d9bff;
  outline-offset: 2px;
}