.pagination{display:flex; align-items:center; justify-content: center; gap:10px;}

#pageButtons{display:flex; gap:10px; align-items:center;}

.page-btn{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #1E2C48;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    cursor:pointer;
    border: none;
    font-family: "Noto Serif", sans-serif;

    transition: var(--ZLK-Transitions);
}

.page-btn:hover{background:#3F9F7F;}

.page-btn.active{background: #3F9F7F; color: #1E2C48;}


.page-btn:disabled{cursor:not-allowed; background: rgba(120, 120, 120, 0.18);}

#pageSelect{
    font-family: "Noto Serif", sans-serif;
    height:40px;
    min-width:120px;
    padding:0 10px;
    font-size:16px;
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    border-radius: 5px;
    border: 2px solid  #1E2C48;
    /* background: var(--White, #FFF); */
}

#pageSelect:focus-visible{outline: none;}

#pageSelect option:checked{
    background-color: var(--ZLK-Green);
    color: white;
}


@media only screen and (max-width: 768px) {
    .pagination{flex-direction: column; gap: 20px !important;}
}