.woocommerce-pagination, .pagination {
  padding: var(--spacing-30) var(--spacing-10);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.woocommerce-pagination .page-numbers, .pagination ul {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-10);
}

.woocommerce-pagination .page-numbers li a, .pagination ul li a {
  display: block;
  padding: var(--spacing-10) var(--spacing-20);
  border: solid 0.1rem var(--cl-navy);
  border-radius: var(--br-small);
  transition: all ease-out 0.2s;
}
.woocommerce-pagination .page-numbers li a:hover, .pagination ul li a:hover {
  color: var(--cl-white);
  background-color: var(--cl-navy);
  border: solid 0.1rem var(--cl-navy);
}

.woocommerce-pagination .page-numbers li .current, .pagination ul li span.current {
  display: block;
  padding: var(--spacing-10) var(--spacing-20);
  color: var(--cl-white);
  background-color: var(--cl-biscay);
  border: solid 0.1rem var(--cl-biscay);
  border-radius: var(--br-small);
}

.woocommerce-pagination .page-numbers li .dots {
  display: block;
  padding: var(--spacing-10);
}