.pagination-container { display: flex; justify-content: center; padding: 16px 0 32px; } 
.pagination-list { display: flex; list-style: none; padding: 0; margin: 0; align-items: center; gap: 8px; } 
.pagination-item { display: inline-flex; } 
.pagination-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; background: transparent; color: var(--gray-40); font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 50%; transition: all 0.2s; text-decoration: none; outline: none; } 
.pagination-link:hover:not(.disabled) { background-color: #f5f5f5; } 
.pagination-item.active .pagination-link { background-color: var(--color-primary); color: #fff !important; font-weight: bold; } 
.pagination-item.disabled .pagination-link { color: #ccc !important; cursor: not-allowed; }