.pagination ul {
  margin: 0 auto;
  text-align: center;
}
.pagination ul li {
  position: inherit;
  padding: 0;
  margin: 0;
}
.pagination li a {
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  text-decoration: none;
  padding: 0.4em 0.7em;
  display: inline-block;
  font-size: var(--font-size-20);
  line-height: 1em;
  color: var(--color-white);
  background: var(--color-primary);
  margin: 0 0.1em;
  border: none;
  border-radius: 0.35em;
}
.pagination li {
  display: inline-block;
}
.pagination li.active a {
  color: var(--color-primary);
  background: transparent;
  cursor: default;
  pointer-events: none;
}
.pagination li a:hover {
  color: var(--color-white);
  background: var(--color-secondary);
}

.js-pagination-wrapper {
  transition: all 0.25s ease-in-out;
  margin-left: auto;
}
.js-pagination-wrapper.loading {
  opacity: 0.5;
  pointer-events: none;
}