.oc__block.oc__block__cta-card {
  display: flex;
  flex-direction: column;
}

.oc__block__cta-card
.oc__block__cta-card__image-container {
  position: relative;
}

.oc__block__cta-card
.oc__block__cta-card__image-container__image {
  aspect-ratio: 1.33 / 1;
  overflow: hidden;

  border-radius: 8px 8px 0 0;
  transition: all 0.25s;
}

.oc__block__cta-card
.oc__block__cta-card__image-container__image
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 8px 8px 0 0;
  transform: scale(1);

  transition: all 0.25s;
}

.oc__block__cta-card
.oc__block__cta-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  flex: 1;

  padding: var(--oc--spacing--15) var(--oc--spacing--10);
  border-radius: 0 0 8px 8px;
  text-align: center;
}

.oc__block__cta-card--text-alignment-left
.oc__block__cta-card__content {
  text-align: left;
}

.oc__block__cta-card--without-image
.oc__block__cta-card__content {
  border-radius: 8px;
}

.oc__block__cta-card.oc__block__cta-card--theme-navy
.oc__block__cta-card__content {
  background: var(--oc--color--navy-blue);
}

.oc__block__cta-card.oc__block__cta-card--theme-blue
.oc__block__cta-card__content {
  background: var(--oc--color--bright-blue);
}

.oc__block__cta-card.oc__block__cta-card--theme-light-blue
.oc__block__cta-card__content {
  background: var(--oc--color--hope-light-blue);
}

.oc__block__cta-card.oc__block__cta-card--theme-seashell
.oc__block__cta-card__content {
  background: var(--oc--color--seashell);
}

.oc__block .oc__block__cta-card__content__details__supertitle {
  display: block;

  color: white;
  font-family: var(--oc--font-family--base);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  line-height: 100%;

  margin-bottom: var(--oc--spacing--03);
}

.oc__block__cta-card.oc__block__cta-card--theme-light-blue
.oc__block__cta-card__content__details__supertitle {
  color: var(--oc--color--navy-text);
}

.oc__block__cta-card.oc__block__cta-card--theme-seashell
.oc__block__cta-card__content__details__supertitle {
  color: var(--oc--color--navy-text);
}

.oc__block .oc__block__cta-card__content__details__title {
  display: block;

  color: white;
  font-family: var(--oc--font-family--base);
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 120% !important;

  margin-bottom: var(--oc--spacing--03);
}

.oc__block a.oc__block__cta-card__content__details__title:hover {
  text-decoration: underline;
}

.oc__block__cta-card.oc__block__cta-card--theme-light-blue
.oc__block__cta-card__content__details__title {
  color: var(--oc--color--navy-text);
}

.oc__block__cta-card.oc__block__cta-card--theme-seashell
.oc__block__cta-card__content__details__title {
  color: var(--oc--color--navy-text);
}

.oc__block__cta-card
.oc__block__cta-card__content__details__summary {
  color: white;
  font-family: var(--oc--font-family--base);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-wrap: balance;

  max-width: 500px;

  margin: var(--oc--spacing--10) auto var(--oc--spacing--15);
}

.oc__block__cta-card.oc__block__cta-card--theme-light-blue
.oc__block__cta-card__content__details__summary {
  color: var(--oc--color--navy-text);
}

.oc__block__cta-card.oc__block__cta-card--theme-seashell
.oc__block__cta-card__content__details__summary {
  color: var(--oc--color--navy-text);
}

.oc__block__cta-card--text-alignment-left
.oc__block__cta-card__content__details__summary {
  text-wrap: unset;
}

.oc__block__cta-card__content__details__summary
a {
  color: inherit;
  font-weight: 600;
}

.oc__block__cta-card__content__details__summary
a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (min-width: 960px) {
  .oc__block .oc__block__cta-card__content__details__summary {
    /* Prevent content from wrapping differently when additional padding is added during hover transition. */
    max-width: 450px;
  }
}

.oc__block__cta-card
.oc__block__cta-card__content__button {
  display: grid;
  place-items: center;
}

.oc__block__cta-card
.oc__block__cta-card__content__sign-up__form {
  position: relative;

  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.oc__block__cta-card
.oc__block__cta-card__content__sign-up__form__email {
  width: 100%;
  padding: var(--oc--spacing--10);
  border-radius: 8px;
  border: none;
}

.oc__block__cta-card
.oc__block__cta-card__content__sign-up__form__submit {
  position: absolute;
  top: 8px;
  right: 10px;

  width: 32px;
  height: 32px;

  border-radius: 8px;
  border: none;

}

.oc__block__cta-card.oc__block__cta-card--theme-navy
.oc__block__cta-card__content__sign-up__form__submit {
  background: var(--oc--color--serious-coral);
  color: var(--oc--color--navy-blue);
}

.oc__block__cta-card.oc__block__cta-card--theme-blue
.oc__block__cta-card__content__sign-up__form__submit {
  background: var(--oc--color--bright-blue);
  color: white;
}

.oc__block__cta-card.oc__block__cta-card--theme-light-blue
.oc__block__cta-card__content__sign-up__form__submit {
  background: var(--oc--color--hope-light-blue);
  color: white;
}

.oc__block__cta-card__content__sign-up__form__submit:hover {
  cursor: pointer;
}