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:#e2e8f0;font-weight:500}ul.pagination li span{width:100%;height:100%;border:.1vw solid #f26519b4;border-radius:.8vw;transition:all .3s;color:#f26519b4;font-weight:500}ul.pagination li span.active{background-color:var(--secondary-500);border:none!important;color:white}ul.pagination li button,ul.pagination li span:not(span.active):hover{background-color:var(--secondary-300);color:white}ul.pagination li button{width:100%;min-width:2.2vw;height:100%;gap:.2vw;font-size:.95vw;border-radius:.8vw;transition:all .3s}ul.pagination li button *{pointer-events:none!important}ul.pagination li button:hover{background-color:var(--secondary-500)}ul.pagination li button:disabled{background-color:var(--secondary-300);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%;border-radius:6px}ul.pagination li button{gap:.2vw;font-size:1.8vw;border-radius:6px}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;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-radius:2.4vw}}