.pagination{position:relative;align-items:center;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.pagination__items{width:100%;flex-wrap:wrap;padding:0 3rem;justify-content:center}.pagination__item{width:2.25rem;height:2.25rem;min-width:2.25rem;border:.0625rem solid var(--light-grey);border-radius:50%;font-family:var(--helvetica-bold-font);font-size:1rem;cursor:pointer;color:var(--light-grey);transition:all .25s ease-in-out}.pagination__item.active,.pagination__item:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.pagination__prev{width:2.25rem;height:2.25rem;min-width:2.25rem;font-size:.5rem;color:var(--secondary-color);display:flex;align-items:center;border:.0625rem solid var(--secondary-color);cursor:pointer;border-radius:50%;transition:all .25s ease-in-out;position:absolute;left:0}.pagination__prev i{transform:rotate(180deg);display:block;color:var(--secondary-color)}.pagination__prev:hover{background:var(--secondary-color)}.pagination__prev:hover i{color:var(--white-color)}.pagination__next{width:2.25rem;height:2.25rem;min-width:2.25rem;font-size:.5rem;color:var(--secondary-color);display:flex;align-items:center;cursor:pointer;border:.0625rem solid var(--secondary-color);border-radius:50%;transition:all .25s ease-in-out;position:absolute;right:0}.pagination__next i{display:block;color:var(--secondary-color)}.pagination__next:hover{background:var(--secondary-color)}.pagination__next:hover i{color:var(--white-color)}