.highlight-text-block {
  position: relative;
  padding: 100px 0;
  color: $primary-color;

  @include sm {
    padding: 40px 0;
  }

  &__container {
    max-width: $max-width;
    padding: 20px $gutter;
    width: 100%;
    margin: 0 auto;

    @include sm {
      padding: 0 $gutter-mobile;
    }
  }

  &__title {
    margin-top: 0;
  }

  &__wrap {
    max-width: $header-content-width;
    margin: auto;
  }

  &__content{
    margin: 24px 0 0;

    > *:first-child {
      margin-top: 0;
    }

    > *:last-child {
      margin-bottom: 0;
    }
  }

  p, li {
    font-size: 2.1rem;

    @include sm {
      font-size: 1.8rem;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  &__cta {
    @include sm {
      display: flex;
      justify-content: center;
    }
  }

  .std-button {
    padding: 0 2.4rem;
    margin-top: 24px;

    @include sm {
      width: 100%;
      max-width: 320px;
      margin-top: 40px;
    }
  }
}
