.shop-page-nav{ width:100%; height:30px; text-align:center; margin:30px 0 0 0; }

.page-nav{ display:flex; align-items: center; justify-content: center; list-style:none; padding:0; margin:0 auto 0 auto; }
.page-nav li{ display:block; cursor:pointer; }
.page-nav li a{ display:block; padding:0; margin:0; font-size:1rem; line-height:30px; width:30px; height:30px; text-align:center; font-weight:500; color:rgba(0,0,0,0.7); -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.page-nav li:hover a{ color:#0e8ce4; }
.page-nav li a.actual{ font-weight:800; color:#DDDDDD; }
.page-nav-prev, .page-nav-next{ border:0; border-radius:5px; cursor:pointer; position:relative; background-color:var(--secondaryColor); }
.page-nav-prev{ margin-right:10px; }
.page-nav-next{ margin-left:10px; }
.page-nav-prev:before, .page-nav-next:before{ content:""; pointer-events:none; position:absolute; width:10px; height:10px; border:0; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; }
.page-nav-prev:before{ transform:rotate(-45deg); top:9px; left:11px; }
.page-nav-next:before{ transform:rotate(135deg); top:9px; left:7px; }