.featured-text--wrapper{
  text-align:center;
  display:flex;
  flex-direction:column
}
.flexbox-gap .featured-text--wrapper{
  gap:24px
}
.featured-text--root {
  padding-top: 100px
}
.no-flexbox-gap .featured-text--wrapper>*{
  margin:calc(var(--spacing--item)/ 2)
}

@media screen and (max-width: 768px) {
  .featured-text--root {
    padding-top: 40px
  }
}