/* One drawing, one short name, one large native button. Shared by app and site. */
.coloring-page-card.coloring-picture-choice {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  appearance: none;
  font: inherit;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.coloring-page-card.coloring-picture-choice .book-content {
  display: block;
  margin: 0;
  padding: 16px 8px 12px;
  border: 0;
}
.coloring-page-card.coloring-picture-choice .book-title {
  display: block;
  margin: 0;
  font: 800 clamp(21px, 2.2vw, 28px)/1.2 var(--font-display);
}
.coloring-page-card.coloring-picture-choice:focus-visible {
  outline: 4px solid #7950ac;
  outline-offset: 4px;
}
@media (hover: hover) {
  .coloring-page-card.coloring-picture-choice:hover { border-color: #bea4dd; }
}
.coloring-page-card.coloring-picture-choice:active { transform: translateY(2px); }