.product-hero-actions { flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.product-hero-actions > span { color: var(--muted); font-size: 12px; }
.product-hero:not(:has(.product-hero-actions)) { padding-bottom: 20px; }
@media (max-width: 700px) {
  .product-hero-actions { justify-content: flex-start; }
  .product-hero:not(:has(.product-hero-actions)) .solution-hero-copy { padding-bottom: 24px; }
}