.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.pagination .pagination-button{display:flex;align-items:center;gap:.5rem;padding:10px 16px;background:#8b7b8f;color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b7b8f33}.pagination .pagination-button:hover:not(:disabled){background:#7a6b7e;transform:translateY(-1px);box-shadow:0 4px 12px #8b7b8f4d}.pagination .pagination-button:active{transform:translateY(0)}.pagination .pagination-button:disabled{background:#ccc;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.pagination .pagination-button svg{flex-shrink:0}.pagination .pagination-numbers{display:flex;align-items:center;gap:.5rem}.pagination .pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination .pagination-number:hover{border-color:#8b7b8f;background:#f5f5f5;transform:translateY(-1px)}.pagination .pagination-number.active{background:#8b7b8f;border-color:#8b7b8f;color:#fff;box-shadow:0 2px 8px #8b7b8f4d}.pagination .pagination-ellipsis{color:#666;font-weight:500;-webkit-user-select:none;user-select:none;padding:0 .5rem}@media (max-width: 768px){.pagination{gap:.5rem;margin:1.5rem 0}.pagination .pagination-button{padding:8px 12px;font-size:13px}.pagination .pagination-button span{display:none}.pagination .pagination-number{width:36px;height:36px;font-size:13px}.pagination .pagination-numbers{gap:.25rem}}@media (max-width: 480px){.pagination .pagination-numbers .pagination-number:not(.active){display:none}.pagination .pagination-numbers .pagination-ellipsis{display:none}}