.text:not(:has(h1)) {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.text h2 {
  padding-bottom: 8px;
}


.text a {
  color: var(--color-tertiary--1);
}

.highlight {
  padding: 16px;
  border-radius: 20px;
  background: #F3F5FF;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media all and (min-width:1000px) {
  .highlight {
    padding: 32px;
  }
}