/* Light variant — secondary-light background (default) */
.cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-xl);
  row-gap: var(--space-l);
  background-color: var(--secondary-light);
  border-radius: var(--radius-m);
  overflow: hidden;
}

/* Dark variant — primary background with white text */
.cta__container--dark {
  background-color: var(--primary);
  color: var(--white);
}

.cta__heading {
  font-family: swear-display, serif;
  font-size: var(--h1);
  font-weight: 600;
}

.cta__lede {
  max-width: 65ch;
  font-size: var(--text-l);
}

.cta__button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}