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

.pager li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.pager a,
.pager .dots {
  display: inline-block;
  padding: 7px;
  width: 35px;
  height: 35px;
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 700;
  text-align: center;
  color: #2b1d4b;
  background-color: transparent;
  border-radius: 50%;
}

.pager a:hover,
.pager .current {
  color: #fff;
  background-color: #4475e6;
}

.pager .prev,
.pager .next {
  display: block;
  width: 20px;
  height: 25px;
  background: transparent url(../../image/sprite.svg) no-repeat;
  border-radius: unset;
  text-indent: -999em;
}

.pager .prev {
  background-position: -3px -236px;
}

.pager .next {
  background-position: -29px -237px;
}

.pager .prev.disabled,
.pager .next.disabled {
  opacity: 0.4;
  cursor: no-drop;
}

.pager .prev:hover,
.pager .next:hover {
  background-color: transparent;
}