.cta-box {
  &__text {
    &,
    p {
      @include font-style('title--l', 'title--xl');
      margin-bottom: 0;
    }
  }
}

@include viewport--l('inversed') {
  .cta-box {
    &__wrapper {
      padding-bottom: $spacing--l;
      padding-top: $spacing--l;
    }

    .button {
      margin-top: $spacing--m;
    }

    .button-group {
      flex-shrink: 1;
      margin-top: $spacing--s;

      .button {
        margin-top: $spacing--xs;
      }
    }
  }
}

@include viewport--l {
  @include cta-box();
}
