.pagination .pagination__btn--last,
.pagination .pagination__btn--first,
.pagination .pagination__btn--next,
.pagination .pagination__btn--prev,
.pagination .pagination__item a,
.pagination .pagination__item--current {
  box-sizing: border-box;
  display: block;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background: #0066bb;
  border: 1px solid #0066bb;
  border-radius: 1em;
  min-width: 2em;
  transition: all 0.2s;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  padding: calc(.5em - 1px) 0.5em;
}
.pagination .pagination__btn--last:hover,
.pagination .pagination__btn--first:hover,
.pagination .pagination__btn--next:hover,
.pagination .pagination__btn--prev:hover,
.pagination .pagination__item a:hover,
.pagination .pagination__item--current:hover {
  color: #FFF;
  background: #606c76;
  border-color: #606c76;
  text-decoration: none;
}
@media (min-width: 520px) {
  .pagination .pagination .pagination__btn--last,
  .pagination .pagination__btn--first,
  .pagination .pagination__btn--next,
  .pagination .pagination__btn--prev,
  .pagination .pagination__item a,
  .pagination .pagination__item--current {
    margin: 0 0.28em;
  }
}

.content .pagination {
  display: flex;
  justify-content: center;
  color: #A4A4A4;
  line-height: 1;
  margin: 0;
  padding: 1em 0;
}
.pagination .pagination__list {
  display: none;
}
.pagination .pagination__item {
  margin: 0;
}
.pagination .pagination__item--current {
  background: #6E6E6E;
  color: #fff;
  font-weight: bold;
  border-color: #6E6E6E;
  margin: 0 0.28em;
}
.pagination .pagination__pos {
  order: 2;
  margin: 0 1em;
  padding: 0.5em;
}
.pagination .pagination__btn--prev {
  order: 1;
}
.pagination .pagination__btn--next {
  order: 3;
}
.pagination .pagination__btn--first {
  display: none;
}
.pagination .pagination__btn--last {
  display: none;
}
@media (min-width: 520px) {
  .pagination .pagination__list {
    order: 2;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pagination .pagination__pos {
    display: none;
  }
  .pagination .pagination__btn--prev {
    margin-right: 1.14em;
  }
  .pagination .pagination__btn--next {
    margin-left: 1.14em;
  }
}
@media (min-width: 960px) {
  .pagination .pagination__list {
    order: 3;
  }
  .pagination .pagination__btn--prev {
    order: 2;
  }
  .pagination .pagination__btn--next {
    order: 4;
  }
  .pagination .pagination__btn--first {
    order: 1;
    display: block;
  }
  .pagination .pagination__btn--last {
    order: 5;
    display: block;
  }
}