.featured-text--wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.flexbox-gap .featured-text--wrapper {
  gap: var(--spacing--item);
}

.no-flexbox-gap .featured-text--wrapper > * {
  margin: calc(var(--spacing--item) / 2);
}

.featured-text--wrapper > * {
  order: 1;
}

.featured-text--overline {
  order: 0;
}

.featured-text--root[data-light-text=true] .featured-text--link--container {
  color: var(--color--body);
}