Hello!

I noticed one joke with pagination.

your pagination has a different structure and name of the container class, which makes it impossible to generalize the customization of the standard pagination and your one css, not possible.

This is more a wish for future updates, it’s not very convenient. For example, took screenshots of the standard pagination with our css and yours.

as well below, css which applied to pagination woocommerce

.woocommerce nav.woocommerce-pagination {
text-align: center;
margin-bottom: 20px;
}

.page-numbers {text-align:center;}
.woocommerce nav.woocommerce-pagination ul {border: 0px !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
font-size:35px;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: 10px !important;
min-width: 1em;
display: block;
background:#fff;
color:#555168;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {background:#b07fc71c;}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #b07fc7;
color: #fff;}
.woocommerce nav.woocommerce-pagination ul li {border-right: 0px !important; margin-left:5px; margin-top: 10px;}