@import url('variables.css');.pagination-container{display:flex;justify-content:center;margin:var(--spacing-xl) 0;flex-wrap:wrap}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 5px;padding:0 12px;background:linear-gradient(135deg,rgba(26,40,68,0.8),rgba(13,27,42,0.9));color:#89cff0;border:2px solid rgba(64,192,240,0.3);font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:all .3s ease}.pagination-button:hover{background:linear-gradient(135deg,rgba(26,40,68,0.9),rgba(13,27,42,1));border-color:rgba(64,192,240,0.6);box-shadow:0 0 15px rgba(64,192,240,0.3);transform:translateY(-2px)}.pagination-button.active{background:linear-gradient(135deg,rgba(64,192,240,0.8),rgba(30,144,255,0.9));color:white;border-color:rgba(64,192,240,0.8);box-shadow:0 0 15px rgba(64,192,240,0.5)}.pagination-button.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 5px;font-size:14px;color:#89cff0}@media(max-width:768px){.pagination-container{margin:30px 0}.pagination-button{min-width:36px;height:36px;margin:0 3px;padding:0 10px;font-size:13px}.pagination-ellipsis{min-width:36px;height:36px;margin:0 3px;font-size:13px}.pagination-button.text-button{display:none}.pagination-button.icon-button{display:inline-flex}}@media(max-width:480px){.pagination-container{margin:20px 0}.pagination-button{min-width:32px;height:32px;margin:0 2px;padding:0 8px;font-size:12px}.pagination-ellipsis{min-width:32px;height:32px;margin:0 2px;font-size:12px}}