<commit_before>//--------------------------------------------------
// classes
//--------------------------------------------------
.cta {
//--------------------------------------------------
// api
//--------------------------------------------------
  &--api {
    color: $white;

    .cta {
      &__container {
        margin-top: rem-calc(30);
        padding: rem-calc(30 24 34 34);

        position: relative;
      }
        &__bg {
          display: none;

          @include breakpoint($small) { 
            height: 122%;
            
            display: block;
            position: absolute;
            top: -6%; 
            right: 0;
          }

          @include breakpoint($medium) { top: -11%; }
        }

        &__content { 
          @include breakpoint($small) { width: 70%; }
          @include breakpoint($medium) { width: 64%; }
        }
    }
  }

//--------------------------------------------------
// live report
//--------------------------------------------------
  &--live-report {
    @include bg-image-overlay;
    background-image: image_url('cta/live-report.jpg');
    background-position: center;
    background-size: cover;
    color: $white; 
    z-index: 0;

    .cta {
      &__content {
        @include flex;
        padding: rem-calc(40 0 40 0);
        height: 100%;
        
        align-items: flex-start;
        flex-direction: column;
        justify-content: normal;<commit_msg>Make sure there is enough space for the 'Updated' flag on the PPLR CTA<commit_after>//--------------------------------------------------
// classes
//--------------------------------------------------
.cta {
//--------------------------------------------------
// api
//--------------------------------------------------
  &--api {
    color: $white;

    .cta {
      &__container {
        margin-top: rem-calc(30);
        padding: rem-calc(30 24 34 34);

        position: relative;
      }
        &__bg {
          display: none;

          @include breakpoint($small) { 
            height: 122%;
            
            display: block;
            position: absolute;
            top: -6%; 
            right: 0;
          }

          @include breakpoint($medium) { top: -11%; }
        }

        &__content { 
          @include breakpoint($small) { width: 70%; }
          @include breakpoint($medium) { width: 64%; }
        }
    }
  }

//--------------------------------------------------
// live report
//--------------------------------------------------
  &--live-report {
    @include bg-image-overlay;
    background-image: image_url('cta/live-report.jpg');
    background-position: center;
    background-size: cover;
    color: $white; 
    z-index: 0;

    .cta {
      &__content {
        @include flex;
        padding: rem-calc(66 0 40 0);
        height: 100%;
        
        align-items: flex-start;
        flex-direction: column;
        justify-content: normal;
{'fraction_non_alphanumeric': 0.3141396933560477, 'fraction_numerical': 0.02112436115843271, 'mean_word_length': 0.882051282051282, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2223978', 'n_tokens_mistral': 801, 'n_tokens_neox': 729, 'n_words': 168}