.pagination{display:flex;align-items:center;justify-content:center;margin:20px}.pagination .items-per-page{justify-content:space-between;padding:0 20px}.pagination .items-per-page select{padding:4px 6px;margin-left:5px}.pagination .pagination-button{padding:5px 12px;background-color:var(--secondary-color);color:#fff!important;border:none;border-radius:4px;cursor:pointer;margin:0 5px;display:flex;align-items:center;float:row}.pagination .pagination-button:hover{background-color:var(--secondary-color-hover)}.pagination .page-numbers{display:flex;align-items:center}.pagination .page-numbers .page-number{padding:5px 10px;margin:0 2px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.pagination .page-numbers .page-number:hover{background-color:#ddd}.pagination .page-numbers .page-number.active{background-color:var(--secondary-color);color:#fff;border:1px solid transparent}.pagination .items-per-page{display:flex;align-items:center;margin-left:auto}.pagination .items-per-page label{margin-right:5px}.pagination .items-per-page select{padding:5px;border-radius:4px}@media(max-width:768px){.pagination{flex-direction:column}.pagination .pagination-button{margin:5px 0}.pagination .items-per-page,.pagination .page-numbers{margin:10px 0}}