.pager {
  text-align: center;
  margin-top: 50px;
}

  .pager__items {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
  }

    .pager__item {
      display: inline-block;
      margin: 0;
      font-size: 20px;
      line-height: 26px;
      text-align: center;
    }

      .pager__item a,
      .pager__item--disabled span {
        display: block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-decoration: none;
        color: #060606;
      }
      .pager__item.is-active a {
        font-weight: 900;
        background-color: #68d2f2;
        border-radius: 50%;
      }
      .pager__item.pager__item--disabled span {
        opacity: 0.3;
      }

      .pager__item a:hover,
      .pager__item a:focus {
        border-radius: 50%;
        background-color: #68d2f2;
      }

      .pager__item--next a,
      .pager__item--previous a,
      .pager__item--next.pager__item--disabled span,
      .pager__item--previous.pager__item--disabled span {
        text-indent: -9999px;
        background-image: url(../../images/arrow-right-black.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
      }
      .pager__item--previous a,
      .pager__item--previous.pager__item--disabled span {
        background-image: url(../../images/arrow-left-black.svg);
      }

      .pager__item--last a,
      .pager__item--first a,
      .pager__item--last.pager__item--disabled span,
      .pager__item--first.pager__item--disabled span {
        text-indent: -9999px;
        background: url(../../images/arrow-right-black-stroke.svg) center center no-repeat;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
      }
      .pager__item--first a,
      .pager__item--first.pager__item--disabled span {
        background-image: url(../../images/arrow-left-black-stroke.svg);
      }