.hero-banner--hp {
  margin-top: var(--hh-section-vertical-margin);
}

.hero-banner--hp .hero-banner__cta-container {
  display: flex;
  gap: var(--hh-spacing-sm);
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 750px) {
  .hero-banner--hp .hero-banner__cta-container {
    gap: 15rem;
  }
}