:root {
  --pagination-gap: 1rem;
  --pagination-size: 2.25rem;
  --pagination-margin-top: 5rem;
  --pagination-background: var(--color-turqoise-500);
  --pagination-color: var(--color-black);
  --pagination-radius: var(--radius-xsmall);
}

.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5rem;
  margin-top: var(--pagination-margin-top);
}

.woocommerce-pagination .page-numbers li {
  grid-gap: 1rem;
  gap: 1rem;
  grid-gap: var(--pagination-gap);
  gap: var(--pagination-gap);
  padding: 0.5rem;
  width: 2.25rem;
  width: var(--pagination-size);
  height: 2.25rem;
  height: var(--pagination-size);
}

.woocommerce-pagination .page-numbers li::before {
    display: none;
  }

.woocommerce-pagination .page-numbers li a,
  .woocommerce-pagination .page-numbers li span {
    display: grid;
    align-content: center;
    justify-content: center;
    place-content: center;
    width: 2.25rem;
    width: var(--pagination-size);
    height: 2.25rem;
    height: var(--pagination-size);
    line-height: 1;
  }

.woocommerce-pagination .page-numbers li svg {
    max-width: 12px;
  }

.woocommerce-pagination .page-numbers li span.current {
    font-weight: 800;
  }

.woocommerce-pagination .page-numbers .prev,
.woocommerce-pagination .page-numbers .next {
  background: var(--color-turqoise-500);
  background: var(--pagination-background);
  border-top-left-radius: var(--radius-xsmall);
  border-top-left-radius: var(--pagination-radius);
  border-bottom-right-radius: var(--radius-xsmall);
  border-bottom-right-radius: var(--pagination-radius);
}

.woocommerce-pagination .page-numbers .prev svg {
  transform: scaleX(-1);
}