.paginationButton {
  position: initial;

  .paging_arrow {
    position: absolute;
    width: 2vmin;
    height: 2vmin;
    float: right;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    margin-top: 3px;
    margin-bottom: auto;
    margin-right: 8px;
    right: 1px;

    &_left {
      transform: rotate(225deg);
      left: 8px;
    }
  }

  .paging_text {
    position: absolute;
    left: 22px;
  }
}

.pagingContainer {
  .jst_paginationNext,
  .jst_paginationPrev,
  .jst_no_paginationNext,
  .jst_no_paginationPrev {
    border-color: $white;
    background: none !important;
    font-size: $baseFontSize - 2;
    font-family: $fontFamily;
    font-weight: $fontWeightNormal;
    width: 38px;
  }

  a.paging {
    background-color: $grayLight;
    color: $black !important;
    border-radius: 4px;
    border: 1px solid $grayMedium;
    font-weight: $fontWeightNormal;

    &.paging_current {
      background-color: $blue;
      color: $white !important;
    }
  }
}