.woocommerce-pagination .arrow-wrapper,
.woocommerce-pagination .pagination-nav-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.woocommerce-pagination .pagination-nav-wrapper {
  flex-direction: column;
  gap: 50px;
}

.woocommerce-pagination .arrow-wrapper button {
  margin: 0;
  gap: 12px;
}

.woocommerce-pagination .arrow-wrapper .prev-page,
.woocommerce-pagination .arrow-wrapper .next-page {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.woocommerce-pagination {
  position: relative;
  margin-top: 60px;
}

.woocommerce-pagination .page-number-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: max-content;
  white-space: nowrap;

  font-size: var(--text-lg);
  font-weight: 500;
}

.woocommerce-pagination .page-number-wrapper input {
  border-radius: 12px;
  font-size: var(--text-md);
  font-weight: 500;
  padding: 12px 24px;
  line-height: 1;
}

@media (min-width: 768px) {
  .woocommerce-pagination .page-number-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .woocommerce-pagination .arrow-wrapper .next-page button {
    width: 200px;
  }

  .woocommerce-pagination .arrow-wrapper .prev-page button {
    width: 100px;
  }
}