.pagination {
  display: flex;
  flex-wrap: wrap;
}

.pagination > li > a {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
}

/* Overwriting an important flag on the default theme */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: var(--brand-navy) !important;
  border-radius: 0.4rem;
  color: var(--white);
}

.pagination > li.next > a,
.pagination > li.previous > a {
  width: auto;
}