.paginationMain { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .paginationMainInside { width: 100%; max-width: 500px; display: flex; flex-direction: row; grid-gap: 10px; justify-content: center; align-items: center; } .paginationMainInsideDivider { width: 1px; height: 35px; background: rgba(0,0,0,0.1); } .paginationMainInsideNumbers { flex-grow: 1; overflow-x: auto; overflow-y: hidden; display: flex; flex-direction: row; grid-gap: 10px; } .paginationMainInsideNumbers::-webkit-scrollbar { display: none; } .btnMain.paginationMainInsideNumbersBtn { background: rgba(255,153,0,0); color: rgba(0,0,0,0.5); padding: 10px 20px; line-height: 1.5; } .btnMain.paginationMainInsideNumbersBtn:hover { background: #ff9900; color: rgb(255,255,255); } .btnMain.paginationMainInsideNumbersBtn.paginationMainInsideNumbersBtnActive { background: rgba(255,153,0,0.85); color: rgb(255,255,255); }