.pagination{width:100%;display:flex;justify-content:center}.pagination .content{text-align:center}.pagination .content .controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.pagination .content .btn{padding:12px 20px;border:1px solid var(--border-light);background:#fff;color:var(--text);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-block;text-align:center}.pagination .content .btn.first,.pagination .content .btn.last,.pagination .content .btn.next,.pagination .content .btn.prev{min-width:50px;padding:12px 16px}.pagination .content .btn:hover:not(.disabled):not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--body)}.pagination .content .btn.disabled,.pagination .content .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination .content .btn.first,.pagination .content .btn.last,.pagination .content .btn.next,.pagination .content .btn.prev{background:var(--light-blue);border-color:var(--border-light)}.pagination .content .btn.first:hover:not(.disabled):not(:disabled),.pagination .content .btn.last:hover:not(.disabled):not(:disabled),.pagination .content .btn.next:hover:not(.disabled):not(:disabled),.pagination .content .btn.prev:hover:not(.disabled):not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--body)}.pagination .content .arrows,.pagination .content .numbers{display:flex;gap:10px;justify-content:center;align-items:center}.pagination .content .numbers .ellipsis{color:var(--text);font-size:14px;font-weight:500;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination .content .btn.number{min-width:40px;padding:12px 16px}.pagination .content .btn.number.active,.pagination .content .btn.number.active:hover{background:var(--dark);border-color:var(--dark);color:var(--body)}.pagination .content .info{color:var(--text);font-size:14px;font-weight:400}