.pagination{justify-content:center;align-items:center;gap:16px;margin-top:48px;margin-bottom:24px;display:flex}.pagination-btn{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{width:36px;height:36px;color:var(--color-text-sub);border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover{background-color:var(--color-bg-light);color:var(--color-primary)}.pagination-number.active{background-color:var(--color-primary);color:#fff;font-weight:600}.pagination-ellipsis{color:var(--color-text-sub);padding:0 4px}