.dp-hero {
  position: relative;
  margin: var(--dp-space-lg) auto 0;
  padding: var(--dp-space-2xl) var(--dp-space-lg);
  background: var(--dp-color-hero);
  color: var(--dp-color-base);
  border-radius: var(--dp-radius);
  text-align: left;
}

.dp-hero--has-bg {
  background-color: var(--dp-color-hero);
  background-image: linear-gradient(90deg, rgba(1, 85, 181, 0.88), rgba(1, 85, 181, 0.35)), var(--dp-hero-bg);
  background-size: cover;
  background-position: center right;
}

.dp-hero__inner {
  position: relative;
  max-width: 32rem;
  width: auto;
  margin-inline: 0;
  text-align: left;
}

.dp-hero :where(h1, h2, h3) {
  margin: 0 0 var(--dp-space-md);
  color: inherit;
  font-family: var(--dp-font-sans);
  line-height: 1.15;
}

.dp-hero p {
  margin: 0 0 var(--dp-space-md);
  color: inherit;
}

.dp-hero .wp-block-button__link,
.dp-hero .dp-btn--cta {
  background: var(--dp-color-cta);
  color: var(--dp-color-base);
}

.dp-hero .dp-btn--ghost .wp-block-button__link {
  background: var(--dp-color-base);
  color: var(--dp-color-accent);
}