sigit_design/assets/css/pagination.css

.paginationMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.paginationMainInside {
  width: 100%;
  max-width: 500px;
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
}

.btnMain.paginationMainInsideBtn {
  height: 100%;
}

.paginationMainInsideNumbers {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  grid-gap: 5px;
  overflow-y: auto;
}

.paginationMainInsideNumbers::-webkit-scrollbar {
  display: none;
}

.btnMain.paginationMainInsideNumbersBtn {
  transition: ease 0.2s;
  background: rgba(0,0,0,0);
  color: #232323;
}

.btnMain.paginationMainInsideNumbersBtn:hover {
  color: #ffffff;
  background: rgb(68,117,146);
}

.btnMain.paginationMainInsideNumbersBtn:active {
  background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), linear-gradient(#4c82a3, #4c82a3);
}

.btnMain.paginationMainInsideNumbersBtn.paginationMainInsideNumbersBtnActive {
  color: white;
  background: #4b81a2;
}

.paginationMainInsideSplitter {
  height: 75%;
  width: 2px;
  background: rgba(0,0,0,0.1);
}