/* Hero actions stay together across tablet and narrow desktop widths. */
.hero-action{display:grid;grid-template-columns:max-content max-content;gap:18px 14px;align-items:center;justify-content:start}
.hero-action .hero-description{grid-column:1/-1;margin:0 0 4px}
.hero-action>.button{min-height:48px;justify-content:center}
@media(min-width:1150px){.hero-action{grid-template-columns:max-content max-content max-content;gap:28px}.hero-action .hero-description{grid-column:auto;margin:0}}
@media(max-width:650px){.hero-action{grid-template-columns:1fr;width:100%;gap:12px;justify-content:stretch}.hero-action>.button{width:100%}}