.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0;
}

.pagination .page-item.active {
  background: #eee;
}

.pagination .page-item {
  border: #bbb solid 1px;
  flex-basis: calc(50 / 16 * 1rem);
  aspect-ratio: 1 / 1;
  list-style-type: none;
}

.pagination .page-item + .page-item {
  margin-left: -1px;
  margin-top: 0;
}

.pagination .page-link {
  text-align: center;
  display: grid;
  align-items: center;
  place-content: center;
  width: 100%;
  height: 100%;
}

@media (any-hover: hover) {
  .pagination a.page-link:hover {
    background: #eee;
  }
}