.cta-card .wrapper {
  -ms-grid-columns: 60% 1fr;
  grid-template-columns: 60% 1fr;
}
@container main (max-width: 47.9375rem) {
  .cta-card .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-top: var(--_block-padding);
    border-top: 1px solid var(--teal);
  }
}
.cta-card h3 {
  font: var(--h4-font);
}
.cta-card .btn {
  background: #637878;
}
.cta-card .btn:hover {
  background: #425151;
  color: var(--white);
}
.cta-card .person {
  background: #637878;
  padding: 1.875rem;
}
@container main (max-width: 64rem) {
  .cta-card .person {
    -ms-grid-columns: 50%;
    grid-template-columns: 50%;
  }
}
.cta-card .person * {
  color: var(--white);
}
.cta-card .person .img-wrapper {
  border-radius: 100%;
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
  background: var(--white);
  margin-top: 0.625rem;
}
@container main (max-width: 64rem) {
  .cta-card .person .img-wrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    grid-column: 2;
    width: 7.5rem;
    height: 7.5rem;
  }
}
.cta-card .person .supertitle {
  font-size: 1.125rem;
}
.cta-card .person [class*=icon]::after {
  background: var(--white);
}
.cta-card h4 {
  font: var(--h5-font);
}
.cta-card h5 {
  font: var(--body-font);
  font-size: 1rem;
}
.cta-card p, .cta-card a {
  font-size: 1rem;
}
.cta-card a {
  text-decoration: none;
}