.page-numbers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:5;margin-top:1.2rem}.page-numbers>li:not(:first-child){margin-left:8px}.page-numbers>li>.page-numbers{width:4rem;height:4rem;border-radius:var(--rds);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:transparent;cursor:pointer;position:relative;overflow:hidden;color:#64748b;font-weight:500;--f-sz:1.6rem;font-size:var(--f-sz);line-height:1}.page-numbers>li>.page-numbers::after{position:absolute;content:"";width:0;height:100%;top:0;right:0;background:var(--color-pri);-webkit-transition:all .4s ease;transition:all .4s ease;z-index:1;pointer-events:none}.page-numbers>li>.page-numbers:after{z-index:-1}@media screen and (min-width:900px){.page-numbers>li>.page-numbers:hover:not(.dot){color:#f1f5f9}.page-numbers>li>.page-numbers:hover:not(.dot)::after{left:0;width:100%}}.page-numbers>li>.page-numbers.current{color:#fff}.page-numbers>li>.page-numbers.current::after{left:0;width:100%}.page-numbers>li>.page-numbers.dot{background-color:transparent}.page-numbers>li>.page-numbers i{font-weight:400}.page-numbers>li>.page-numbers.next,.page-numbers>li>.page-numbers.prev{border-radius:50%}