/* Pagination */
/* Class names generated by wordpress ok */

/* The list and list items */
ul.page-numbers {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: var(--s1);
}
ul.page-numbers li {
  margin: 0;
}

/* Text links & text */
a.page-numbers,
span.page-numbers {
  padding: var(--s1) var(--s2);
  text-decoration: none;
}

a.page-numbers:hover {
  background: var(--greige1);
  box-shadow: var(--s1) var(--s1) 0 0 rgba(35,31,32,0.1);
}

span.page-numbers:not(.dots) {
  background: var(--greige4);
}

/* Prev & next buttons */
a.page-numbers.prev,
a.page-numbers.next {
  background: var(--greige1);
  padding: 0;
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}