.page-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:.375rem;border:1px solid var(--border);color:var(--foreground);background-color:transparent;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.page-btn:hover{background-color:var(--muted);color:var(--primary)}.page-btn.active{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:0 0 0 1px var(--ring)}.page-btn.disabled{color:var(--muted-foreground);border-color:var(--border);background-color:transparent;cursor:not-allowed;opacity:.6}.page-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem}@media (max-width: 640px){.pagination{gap:.25rem;font-size:.75rem}.page-btn{padding:.25rem .5rem}}