.into-section-block-with-books {
  display: flex;
  flex-direction: column;
  min-height: 750px;
  width: 100%;
  justify-content: space-between;
}

.section-book-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 190px));
  justify-content: center;
  gap: 25px;
}
@media (max-width: 550px) {
  .section-book-cards {
    grid-template-columns: repeat(auto-fill, minmax(100px, 140px));
  }
}

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5px;
  align-self: center;
}
.pagination .pagination-navigate {
  display: flex;
  height: 24px;
  width: 24px;
  border: none;
  background-color: transparent;
  transition: all ease-in-out 0.3s;
}
.pagination .pagination-navigate:hover {
  background-color: transparent;
  cursor: pointer;
}
.pagination .pagination-navigate:active {
  background-color: transparent;
}
.pagination .pagination-navigate:focus {
  outline: none;
}
.pagination .pagination-navigate img {
  display: flex;
  height: 100%;
  width: auto;
}
.pagination .pagination-numbers {
  display: flex;
  flex-direction: row;
  gap: 7px;
  overflow: hidden;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  color: black;
  transition: all ease-in-out 0.3s;
}
.pagination .pagination-numbers div {
  transition: all ease-in-out 0.3s;
}
.pagination .pagination-numbers .pagination-current {
  font-size: 19px;
  font-weight: bold;
}