@import url("https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap;");
.book-examples {
  overflow-x: hidden;
}
.book-examples p a {
  color: #000000;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #FFA099 65%);
}
.book-examples.background--black-medium p a, .book-examples.background--black p a {
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #000000 65%);
}
.book-examples.background--red-medium p a, .book-examples.background--red p a {
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #FFA099 65%);
}
.book-examples.background--orange-medium p a, .book-examples.background--orange p a {
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #FEB178 65%);
}
.book-examples.background--purple p a, .book-examples.background--magenta p a, .book-examples.background--magenta-medium p a {
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #A778F2 65%);
}
.book-examples.background--aqua-medium p a, .book-examples.background--aqua p a {
  background: linear-gradient(180deg, rgba(0, 114, 184, 0) 65%, #81DBF3 65%);
}
.book-examples p,
.book-examples .field--name-field-description-plain {
  color: #666666;
}
.book-examples .field--name-field-description p {
  margin-top: 15px;
}
.book-examples__content {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-top: 35px;
}
.book-examples__content > div {
  max-width: 190px;
  min-width: 190px;
  position: relative;
}
.book-examples__content .field--name-field-title-plain {
  font-weight: 700;
  margin-top: 10px;
}
.book-examples__content img {
  max-width: 190px;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.2));
}
@media (max-width: 990px) {
  .book-examples {
    margin: 0;
  }
  .book-examples .field--name-field-description {
    margin: 0 20px;
  }
  .book-examples__content {
    margin-top: 42px;
    overflow-x: scroll;
    column-gap: 10px;
    padding: 0 20px 30px;
  }
}
@media (max-width: 990px) {
  .book-examples .field--name-field-description {
    width: 90%;
  }
}
/*# sourceMappingURL=book-examples.css.map */