@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);




.book-store {

 display: flex;
 flex-direction: column;
 max-width: auto;
 height:auto;
 margin: 0 auto;
 overflow: hidden; 
 /*box-shadow: 0px 2px 50px 10px rgba(0, 0, 0, 0.21); */
}


.book-slide {
 width: 100%;
 height:auto;
}

.book {
 background: #fff;
}

.book-cell {
 position: relative;
 display: flex;
  padding: 25px;
 height: auto;
 margin-right: 1px;
 
}

.flickity-page-dots {
 display: none;
}

.flickity-prev-next-button .arrow {
 fill: #d6d6d6;
}

.flickity-prev-next-button svg {
 left: 25%;
 top: 25%;
 width: 50%;
 height: 50%;
}

.flickity-prev-next-button {
 &.previous {
  left: 15px;
 }
 &.next {
  right: 15px;
 }
}

.flickity-viewport {
 overflow: visible;
}

.book-photo {
 width: 180px;
 flex-shrink: 0;
 bottom: -35px;
/* left: 35px; */
 border-radius: 2px;
 box-shadow: -2px 6px 19px 0px #7f818e;
 transition: .3s ease;
 &:hover {
  transform: scale(1.03);
 }
}

.book-img {
 flex-shrink: 0;
}