.pagination{position:relative;align-items:center;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.pagination__items{flex-wrap:wrap;justify-content:center}.pagination__item{width:2.25rem;height:2.25rem;min-width:2.25rem;border:.0625rem solid var(--dark-bg);border-radius:.25rem;font-size:1rem;line-height:1;cursor:pointer;background:var(--white-color);color:var(--secondary-color);transition:all .5s ease-in-out}.pagination__item.active,.pagination__item:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.pagination__next,.pagination__prev{width:max-content;height:2.25rem;min-width:2.25rem;font-size:.875rem;line-height:.8;color:var(--secondary-color);display:flex;gap:.625rem;align-items:center;border:.0625rem solid var(--dark-bg);cursor:pointer;border-radius:.25rem;transition:all .25s ease-in-out;padding:0 1rem;left:0;background:var(--white-color)}.pagination__next i,.pagination__prev i{transform:rotate(0deg);display:block;color:var(--secondary-color);position:relative;top:1px}.pagination__next:hover,.pagination__prev:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.pagination__next:hover i:before,.pagination__prev:hover i:before{color:var(--white-color)}.pagination__next{left:auto;right:0}.pagination__next i{top:-1px;transform:rotate(180deg)}@media only screen and (max-width:767px){.pagination__items{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}}