.pagination{display:flex;flex-wrap:wrap;font-stretch:65%;gap:.5rem;justify-content:center}.pagination__dots,.pagination__link{--size:2.5rem;background-color:var(--color-bg-2);border-radius:.25rem;display:grid;height:var(--size);overflow:hidden;place-content:center;transition:.25s;width:var(--size)}.pagination__link--current{background-color:var(--color-success);color:var(--color-text-3)}.pagination__link:where([href],[type=button]):hover{background-color:var(--color-bg-3)}.dark-mode .pagination__link:where([href],[type=button]):hover{background-color:var(--color-bg-4)}.pagination__dots{cursor:default}