/* V119 — make the follower-only offer unmistakable on every Library card. */
html body.library-page .shelf-book-copy > .promo-mini-badge.follower-offer-badge,
html body.library-page .library-card-copy > .promo-mini-badge.follower-offer-badge {
  width: max-content;
  max-width: 100%;
  min-height: 27px;
  margin: 3px 0 1px;
  padding: 4px 9px 4px 4px;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  gap: 6px;
  overflow: visible;
  visibility: visible !important;
  opacity: 1 !important;
  border: 1px solid rgba(40, 109, 244, .2);
  border-radius: 999px;
  color: #24447a !important;
  background: #f5f8ff !important;
  box-shadow: 0 3px 10px rgba(40, 109, 244, .07);
  -webkit-text-fill-color: #24447a !important;
  white-space: nowrap;
}

html body.library-page .follower-offer-badge .follower-offer-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: grid !important;
  place-items: center;
  border-radius: 50%;
  color: #2b61cc !important;
  background: #e8efff !important;
  font: 900 .42rem/1 Manrope, sans-serif;
  letter-spacing: -.02em;
  -webkit-text-fill-color: #2b61cc !important;
}

html body.library-page .follower-offer-badge .follower-offer-label {
  min-height: 0;
  margin: 0;
  display: block;
  overflow: visible;
  color: #24447a !important;
  font: 850 .52rem/1 Manrope, sans-serif;
  letter-spacing: .035em;
  -webkit-text-fill-color: #24447a !important;
  white-space: nowrap;
}

html body.library-page .shelf-book-real .shelf-book-copy {
  min-height: 164px;
}

@media (max-width: 640px) {
  html body.library-page .shelf-book-real .shelf-book-copy {
    min-height: 168px;
  }

  html body.library-page .shelf-book-copy > .promo-mini-badge.follower-offer-badge {
    min-height: 26px;
    padding: 4px 8px 4px 4px;
    gap: 5px;
  }

  html body.library-page .follower-offer-badge .follower-offer-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  html body.library-page .follower-offer-badge .follower-offer-label {
    font-size: .49rem;
  }
}