.del-pager {
  display: flex;
  align-content: center;
  justify-content: center;
  background: #f8f8f8;
  color: #666;
  padding: 0;
  margin-top: 3em;
}
.del-pager li {
  list-style: none;
  margin: 0 .5em;
}
.del-pager li a {
  padding: .5em 1em;
  color: #111;
  background: #f8f8f8;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.del-pager li a.prev .arrow {
  padding-right: .3em;
}
.del-pager li a.next .arrow {
  padding-left: .3em;
}
.del-pager li a:hover {
  color: #000;
  background: #f0f0f0;
}

.del-pager li a:active {
  color: #fff;
  background: #888;
}