_pagination.scss

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;

  &-next,
  &-prev,
  &-first,
  &-last {
    display: inline-block;
    &-link {
      @extend .button;
    }
  }

  &-first,
  &-last {
    &-link {
      padding: 0 10px;
    }

    &-text {
      @include visually-hidden;
    }
  }

  &-next {
    &-link {
      padding-right: 10px;
    }
    &-text {
      margin-right: 10px;
    }
    [dir='rtl'] & {
      &-link {
        padding-left: 10px;
      }
      &-text {
        margin-left: 10px;
      }
    }
  }

  &-prev {
    &-link {
      padding-left: 10px;
    }
    &-text {
      margin-left: 10px;
    }
    [dir='rtl'] & {
      &-link {
        padding-right: 10px;
      }
      &-text {
        margin-right: 10px;
      }
    }
  }
}