<commit_before>.b-pagination {
  text-align: center;

  &__option {
    display: inline-block;

    &-content {
      @include typeSetting(4, normal);
      color: siteColor(vam-grey-2);
      margin: 0 4px;
      text-decoration: underline;
      transition: color .2s;

      &--active {
        @include typeSetting(4, normal);
        color: siteColor(vam-grey-2);
        margin: 0 4px;
        transition: color .2s;
      }

      &:hover {
        color: siteColor(vam-grey-4);
      }
    }
  }

  &__options {
    display: inline-block;
  }

  &__pointer {
    display: inline-block;
    height: 52px;
    margin: 0 20px;
    position: relative;
    top: 4px;
    width: 52px;

    &-arrow {
      -webkit-transition: all .5s;
      color: siteColor(vam-white);
      height: 40%;
      margin-left: 1px;
      margin-top: 15px;
      position: relative;
      transition: all .5s;
      width: 100%;
      z-index: 1;
    }

    &--deactivated {
      display: inline-block;
      height: 40px;
      margin: 0 20px;
      position: relative;
      top: 2px;
      width: 40px;

      &-arrow {
        -webkit-transition: all .5s;
        color: siteColor(vam-grey-4);
        height: 40%;
        margin-left: 1px;
        margin-top: 12px;
        position: relative;
        transition: all .5s;
        width: 100%;
        z-index: 1;
      }

      &:before {
        -webkit-transition: all .2s;
        background-color: siteColor(vam-grey-5);
        border: none;
        border-radius: 50%;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s;
        width: 100%;
        z-index: 0;
      }
    }

    &:before {
      -webkit-transition: all .2s;
      background-color: siteColor(vam-grey-2);
      border: none;
      border-radius: 50%;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s;
      width: 100%;
      z-index: 0;
    }
    
    &:hover {
      background-color: siteColor(vam-grey-3);
      border-radius: 50%;
    }
  }
}
<commit_msg>Increases z index of arrows on pagination<commit_after>.b-pagination {
  text-align: center;

  &__option {
    display: inline-block;

    &-content {
      @include typeSetting(4, normal);
      color: siteColor(vam-grey-2);
      margin: 0 4px;
      text-decoration: underline;
      transition: color .2s;

      &--active {
        @include typeSetting(4, normal);
        color: siteColor(vam-grey-2);
        margin: 0 4px;
        transition: color .2s;
      }

      &:hover {
        color: siteColor(vam-grey-4);
      }
    }
  }

  &__options {
    display: inline-block;
  }

  &__pointer {
    display: inline-block;
    height: 52px;
    margin: 0 20px;
    position: relative;
    top: 4px;
    width: 52px;

    &-arrow {
      -webkit-transition: all .5s;
      color: siteColor(vam-white);
      height: 40%;
      margin-left: 1px;
      margin-top: 15px;
      position: relative;
      transition: all .5s;
      width: 100%;
      z-index: 1;
    }

    &--deactivated {
      display: inline-block;
      height: 40px;
      margin: 0 20px;
      position: relative;
      top: 2px;
      width: 40px;

      &-arrow {
        -webkit-transition: all .5s;
        color: siteColor(vam-grey-4);
        height: 40%;
        margin-left: 1px;
        margin-top: 12px;
        position: relative;
        transition: all .5s;
        width: 100%;
        z-index: 1;
      }

      &:before {
        -webkit-transition: all .2s;
        background-color: siteColor(vam-grey-5);
        border: none;
        border-radius: 50%;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s;
        width: 100%;
      }
    }

    &:before {
      -webkit-transition: all .2s;
      background-color: siteColor(vam-grey-2);
      border: none;
      border-radius: 50%;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s;
      width: 100%;
      z-index: -1;
    }
    
    &:hover {
      background-color: siteColor(vam-grey-3);
      border-radius: 50%;
    }
  }
}

{'fraction_non_alphanumeric': 0.13100023646252068, 'fraction_numerical': 0.036178765665641995, 'mean_word_length': 1.652037617554859, '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': '6339112', 'n_tokens_mistral': 1566, 'n_tokens_neox': 1395, 'n_words': 326}