.mw-contact-cta {
  padding-block: var(--space-08);
  background: var(--color-gray-10);
  color: var(--color-gray-100);
}

.mw-contact-cta > .mw-grid {
  align-items: start;
}

.mw-contact-cta .mw-eyebrow {
  grid-column: span 4;
  margin: 0;
  padding-top: var(--space-01);
  color: var(--color-gray-70);
}

.mw-contact-cta__body {
  grid-column: span 8;
  padding-right: var(--space-04);
}

.mw-contact-cta h2 {
  margin: 0 0 var(--space-03);
  font-size: var(--text-subheading);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-title);
}

.mw-contact-cta__body p {
  max-width: 42em;
  margin: 0;
  color: var(--color-gray-70);
  font-size: var(--text-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

.mw-contact-cta__body p + p {
  margin-top: var(--space-02);
}

.mw-contact-cta .mw-button {
  grid-column: span 4;
  width: 100%;
  align-self: end;
  color: var(--color-white);
}

.mw-contact-cta .mw-button:focus-visible {
  outline-color: var(--color-gray-100);
}

@media (max-width: 1055px) {
  .mw-contact-cta .mw-eyebrow {
    grid-column: span 2;
  }

  .mw-contact-cta__body {
    grid-column: span 6;
    padding-right: 0;
  }

  .mw-contact-cta .mw-button {
    grid-column: 3 / span 4;
    margin-top: var(--space-04);
  }
}

@media (max-width: 671px) {
  .mw-contact-cta {
    padding-block: var(--space-06);
  }

  .mw-contact-cta .mw-eyebrow,
  .mw-contact-cta__body,
  .mw-contact-cta .mw-button {
    grid-column: 1 / -1;
  }

  .mw-contact-cta .mw-button {
    margin-top: 0;
  }
}