:root {
  --header-height: 6.7rem;
}
@media (width > 768px) {
  :root {
    --header-height: 11.2rem;
  }
}

.text-cta {
  padding: 13.8rem 0;
  display: grid;
  gap: 3.2rem;
  position: relative;
}
@media (width > 768px) {
  .text-cta {
    padding: 14rem 3.3rem;
    grid-template-columns: 81rem 1fr;
  }
}
.text-cta .text {
  font-size: 2.5rem;
  line-height: 110%;
}
@media (width > 768px) {
  .text-cta .text {
    font-size: 3.2rem;
    line-height: 120%;
  }
}
.text-cta .btn {
  align-self: start;
  justify-self: start;
}
@media (width > 768px) {
  .text-cta .btn {
    align-self: end;
    justify-self: end;
  }
}