.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0;margin-block:var(--spacing-x-large)}.pagination .page{font-size:var(--font-size-small);line-height:var(--line-height-normal);color:var(--body-text-color);opacity:.5;transition:opacity .3s ease,border-bottom .3s ease}@media screen and (hover: hover) and (pointer: fine){.pagination .page:not(.active):hover{opacity:.8}}.pagination .active{border-bottom:1px solid var(--body-text-color);opacity:1}.pagination .arrow{display:flex;align-items:center;justify-content:center}.pagination .arrow.arrow--previous,.pagination .arrow.arrow--next{cursor:pointer}.pagination .arrow.arrow--previous{transform:rotate(90deg)}.pagination .arrow.arrow--next{transform:rotate(-90deg)}.pagination .arrow svg{width:var(--font-size-normal);height:var(--font-size-normal)}@media (max-width: 768px){.pagination{margin-block:var(--spacing-large)}}