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