.pagination-container{text-align:center;margin-top:20px;max-width:100%}.pagination{display:flex;list-style-type:none;padding:0;flex-wrap:wrap;justify-content:center;line-height:2.5rem}.pagination li{margin:0 5px;text-wrap:nowrap}.pagination li a,.pagination li span{padding:10px 15px;background-color:#f1f1f1;border:1px solid #ddd;text-decoration:none;color:#333;border-radius:3px}.pagination li.active span{background-color:var(--primary-color);color:#fff}.pagination li.disabled span{background-color:#e9ecef;color:#6c757d}@media screen and (max-width: 768px){.pagination li a,.pagination li span{padding:5px 10px}.pagination-container{flex-wrap:wrap}}