/* Pricing purchase actions. Account and payment behavior stays in accounts.js. */
.page-buy .pricing-grid > .featured-plan {
  border: 1px solid var(--accent);
  border-top: 4px solid var(--accent);
  padding-top: calc(clamp(24px, 2.7vw, 40px) - 3px);
  background: color-mix(in srgb, var(--sage) 13%, var(--surface));
}
.page-buy .pricing-grid .buy-action {
  align-self: stretch;
  width: 100%;
  min-height: 56px;
  padding: 16px 18px;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.page-buy .pricing-grid > article > .buy-action { margin-top: 28px; }
.page-buy .purchase-choices { display: grid; grid-template-columns: 1fr; gap: 12px; width: 100%; }
.page-buy .purchase-choices .buy-action { margin: 0; }
.page-buy .buy-action--secondary {
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--ink);
}
.page-buy .buy-action--secondary::after { display: none; }
.page-buy .buy-action--secondary:hover { background: color-mix(in srgb, var(--sage) 15%, var(--surface)); }
.page-buy .buy-action:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.page-buy .buy-action:disabled { cursor: not-allowed; opacity: .6; }
.page-buy .buy-action:disabled:hover { background: var(--btn-bg); }
.page-buy .buy-action--secondary:disabled:hover { background: transparent; }
@media (max-width: 600px) {
  .page-buy .pricing-grid > .featured-plan { padding-top: 25px; }
  .page-buy .pricing-grid .buy-action { min-height: 58px; }
}
@media (prefers-reduced-motion: reduce) { .page-buy .pricing-grid .buy-action { transition: none; } }

/* Bring the buying choices closer to the price on both desktop and phone. */
.v2-page.page-buy main.buy-page { padding-top: 112px; }
.page-buy .buy-page > .lead { margin-bottom: 24px; }
.page-buy .pricing-grid { margin-top: 24px; }
.page-buy .pricing-grid .eyebrow { margin-bottom: 20px; }
.page-buy .pricing-grid .price { margin-top: 16px; margin-bottom: 20px; }
.page-buy .pricing-grid > article > .buy-action { margin-top: 24px; }