.text-hero-block .heading {
  margin: 0;
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 300;
}
.text-hero-block small {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.text-hero-block span {
  display: block;
}
.text-hero-block p {
  margin: 1rem 0 1.5rem 0;
}
@media (min-width: 768px) {
  .text-hero-block > .heading {
    max-inline-size: 35.625rem;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .text-hero-block small {
    -webkit-margin-after: 1rem;
            margin-block-end: 1rem;
  }
  .text-hero-block p {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
  }
  .text-hero-block .btn ~ .btn {
    -webkit-margin-start: 1.5rem;
            margin-inline-start: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .text-hero-block {
    margin-inline: calc(-1 * var(--dimenGutter));
    padding-inline: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .text-hero-block > .heading {
    max-inline-size: 53.25rem;
    font-size: 2.875rem;
    line-height: 3.75rem;
  }
  .text-hero-block > p {
    max-inline-size: 42.75rem;
  }
  .text-hero-block small {
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
  }
  .text-hero-block p {
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }
  .text-hero-block .btn ~ .btn {
    -webkit-margin-start: 2rem;
            margin-inline-start: 2rem;
  }
}
@media (max-width: 767px) {
  .text-hero-block .btn ~ .btn {
    -webkit-margin-before: 0.75rem;
            margin-block-start: 0.75rem;
  }
}