/* PAGINATION */
.wp-paginate {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 2rem 0 0;
  list-style-type: none;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .wp-paginate {
    justify-content: center;
  }
}
.wp-paginate li {
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: Rale Grotesk, Verdana, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}
.wp-paginate .current,
.wp-paginate .gap,
.wp-paginate a {
  color: currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-paginate a {
  transition: all 0.3s ease-in-out;
  color: currentColor;
  text-decoration-line: none;
}
.wp-paginate a:hover {
  text-decoration-line: underline;
}
.wp-paginate a:focus {
  text-decoration-line: underline;
}
.wp-paginate .current {
  color: var(--black);
  text-decoration-line: underline;
}
.wp-paginate .prev,
.wp-paginate .next {
  background: url(../images/icons/icon-arrow.svg) center center no-repeat;
  background-size: 40px 34px;
  font-size: 0;
  height: 34px;
  margin: 0 0 0 3rem;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 40px;
}
.wp-paginate .prev {
  margin: 0 3rem 0 0;
  transform: rotate(180deg);
}
.wp-paginate .prev:hover {
  transform: rotate(180deg) translateX(0.5rem);
}
.wp-paginate .next:hover {
  transform: translateX(0.5rem);
}