.cta-banner {
  --color-bg: var(--color-white);
  /* --color-text: var(--color-text); */
  /* --color-heading: var(--color-heading); */
}
.cta-banner.block--dark {
  --color-bg: #4C6380;
  --color-text: var(--color-white);
  --color-heading: var(--color-white);
}
.cta-banner__content {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--spacing));
  padding: calc(2 * var(--spacing));
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius);
  background-color: var(--color-bg);
}

.cta-banner__content>* {
  margin: 0;
}

.cta-banner__title {
  color: var(--color-heading);
}

.cta-banner__text{
  color: var(--color-text);
}

.cta-banner__cta .button {
  --button-color: var(--color-text);
}

.cta-banner.block--dark .cta-banner__cta .button{
  /* --button-focus-color: var(--color-white); */
}