/***** 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;
      }
    }
  }
}