.pagination-container {
    display: flex;
    justify-content: space-between; /* Zarovná děti na oba konce kontejneru */
    align-items: center; /* Centruje děti vertikálně */
    margin-bottom: 20px;
    width: 80%; /* Nastaví šířku kontejneru na 100% svého rodiče */
    margin-left: auto;
    margin-right: auto;
}

.pagination-left, .pagination-right {
    flex: 1; /* Oba dětské elementy zabírají rovný podíl místa */
}

.pagination-right {
    display: flex;
    justify-content: flex-end; /* Zarovná pravé dětské prvky na pravou stranu */
}