section.cta.bg-blue-light {
  --form-bg: var(--blue);
  --btn-bg: var(--yellow);
}
section.cta.bg-yellow-light {
  --form-bg: var(--yellow);
  --dz-bg: #f8ebd1;
  --btn-bg: var(--blue-light);
  --btn-bg-hover: var(--blue);
}
section.cta h2,
section.cta .left {
  text-align: center;
}
@container main (max-width: 64rem) {
  section.cta .left {
    padding-inline: 10%;
  }
}
section.cta .meta {
  text-transform: uppercase;
  font-size: var(--cite-size);
}
section.cta .img-wrapper {
  width: 100%;
  border-radius: 100%;
  overflow: hidden;
  aspect-ratio: 1;
}