.pagination-wrapper{margin-top:4rem}.pagination__list{justify-content:center;flex-wrap:wrap;gap:1.6rem;align-items:center;display:flex}.pagination__list>li{flex:0 0 4rem;max-width:4rem}.pagination__item{height:4rem;padding:0;justify-content:center;font-size:1.6rem;text-decoration:none;font-weight:500;color:rgb(var(--color-foreground));transition:background-color var(--duration-default);position:relative;align-items:center;border-radius:.5rem;width:4rem;display:flex}.pagination__item:focus,.pagination__item:not(.pagination__item--current):hover{background-color:rgb(var(--color-base-background-2))}.pagination__item--current{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button))}.pagination__item-arrow,.pagination__item:not(.pagination__item--current):hover{background-color:rgb(var(--color-base-background-2))}.pagination__item-arrow{height:4rem;justify-content:center;color:rgb(var(--color-button));align-items:center;border-radius:50%;width:4rem;display:flex}.pagination__item-arrow svg{transition:transform var(--duration-default);margin-left:.2rem;width:.4rem}.pagination__item-arrow:hover svg{transform:translate(.4rem)}.pagination__item--prev svg{transform:rotate(180deg);margin-left:-.2rem}.pagination__item--prev:hover svg{transform:rotate(180deg) translate(.4rem)}