.pagination button:not(.page-arrow):hover,.pagination button.active{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-2px)}
.pagination .page-arrow{display:inline-flex;box-sizing:border-box;width:auto;min-width:104px;height:40px;padding:0 14px;align-items:center;justify-content:center;gap:8px;border:1px solid #d7dfe6;border-radius:999px;background:#f3f6f8;color:#29343e;box-shadow:0 5px 14px rgba(42,52,62,.08);font:800 12px/1 'Manrope',sans-serif;letter-spacing:.01em}
.pagination .page-prev{margin-right:6px}.pagination .page-next{margin-left:6px}
.pagination .page-arrow-icon{display:inline-grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:#fff;color:#18232d;box-shadow:0 1px 5px rgba(24,35,45,.12);font:700 16px/1 Arial,sans-serif;transition:transform .2s ease}
.pagination .page-arrow:hover:not(:disabled){border-color:#aebac4;background:#e9eef2;color:#101820;box-shadow:0 7px 17px rgba(28,44,57,.12);transform:translateY(-1px)}
.pagination .page-prev:hover:not(:disabled) .page-arrow-icon{transform:translateX(-2px)}.pagination .page-next:hover:not(:disabled) .page-arrow-icon{transform:translateX(2px)}
@media(max-width:520px){.pagination{gap:5px}.pagination .page-arrow{min-width:76px;height:38px;padding:0 8px;gap:5px;font-size:10px}.pagination .page-prev{margin-right:2px}.pagination .page-next{margin-left:2px}.pagination .page-arrow-icon{width:20px;height:20px;flex-basis:20px;font-size:14px}}