nav.pagination-navigator{width:100%;margin:2vw 0;gap:.6vw}ul.pagination{padding:1.5vw;width:100%;gap:.5vw}ul.pagination li{width:2.2vw;height:2.2vw;border-radius:.8vw;cursor:pointer;position:relative;transition:all .3s;color:var(--neutral-400);font-weight:500}ul.pagination li span{width:100%;height:100%;border:.1vw solid var(--neutral-400);border-radius:.8vw;transition:all .3s;color:var(--neutral-600);font-weight:500}ul.pagination li span.active{background-color:var(--primary);border:none!important;color:var(--light-bg)}ul.pagination li span:not(span.active):hover{background-color:var(--lightest-red,#fdecec)}ul.pagination li button{width:100%;height:100%;gap:.2vw;font-size:.95vw;background-color:var(--light-red,#ef5c59);border-radius:.8vw;transition:all .3s;color:var(--light-bg)}ul.pagination li button *{pointer-events:none!important}ul.pagination li button:hover{background-color:var(--primary)}ul.pagination li button:disabled{background-color:var(--light-red,#ef5c59);opacity:.5}ul.pagination li i{font-size:1.4vw}@media screen and (max-width:992px){ul.pagination{padding:3vw;gap:6px}ul.pagination li{width:4vw;height:4vw;border-radius:6px;font-size:2.4vw}ul.pagination li:first-child,ul.pagination li:last-child{width:7.6vw;height:4vw}ul.pagination li span{width:100%;height:100%}ul.pagination li button,ul.pagination li span{background-color:var(--red-dark-40,rgba(176,0,0,.4));border-radius:6px}ul.pagination li button{gap:.2vw;font-size:1.8vw}ul.pagination li i{font-size:22px}}@media screen and (max-width:450px){ul.pagination{padding:8vw 0;gap:5px}ul.pagination li{width:8.5vw;height:8.5vw;border-radius:2.4vw;font-size:4.4vw}ul.pagination li:first-child,ul.pagination li:last-child{width:9vw;height:8.5vw}ul.pagination li button{gap:1.2vw;font-size:3vw;background-color:var(--red-dark-40,rgba(176,0,0,.4));border-radius:2.4vw}ul.pagination li i{font-size:4vw}ul.pagination i.fa-ellipsis{font-size:3vw!important}ul.pagination li span{border:.5vw solid var(--neutral-400);border-radius:2.4vw;color:var(--neutral-400)}}