.item {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.heading {
  font-size: 1rem;
  margin-bottom: 5px;
}

.author {
  margin-top: 5px;
  /* font-weight: bold; */
}

.thumb {
  width: auto;
  height: 290px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  position: relative;
}

.rating {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background-color: var(--light);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: none;
}