/* DMC Library 0.1.368 — CANONICAL PUBLIC BUTTON COMPONENT
   One source of truth for dimensions. Legacy `primary` / `muted` variants
   remain visual aliases; new components should use BEM `public-button--*`.
   Never use capsule/pill radius on text buttons. */
body.public-body.public-library-redesign {
  --public-button-radius: .5rem;
  --public-button-type: clamp(.9375rem, .91rem + .14vw, 1.0625rem);
  --public-button-type-small: clamp(.875rem, .85rem + .12vw, .975rem);
  --public-button-min-block: 2.75rem;
  --public-button-pad-inline: clamp(.875rem, .77rem + .42vw, 1.125rem);
}
/* BASE / shape, accessible hit area, fluid type and layout */
body.public-body.public-library-redesign .public-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: .4em;
  min-inline-size: 0;
  max-inline-size: 100%;
  inline-size: auto;
  block-size: auto;
  min-block-size: var(--public-button-min-block);
  padding: .625rem var(--public-button-pad-inline);
  border-radius: var(--public-button-radius);
  font-size: var(--public-button-type);
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  letter-spacing: normal;
}
body.public-body.public-library-redesign .public-button svg {
  inline-size: 1em;
  block-size: 1em;
  flex: none;
}
/* MODIFIERS: semantic BEM names with backwards-compatible existing classes */
body.public-body.public-library-redesign .public-button--compact,
body.public-body.public-library-redesign .public-book-actions .public-button,
body.public-body.public-library-redesign .public-audio-card-actions-v302 .public-button {
  font-size: var(--public-button-type-small);
}
/* ICON NAVIGATION: actual interactive arrows (not cover dots or avatar images) */
body.public-body.public-library-redesign .hero-arrows-v228 button,
body.public-body.public-library-redesign .panel-head-v228 .public-section-tools button,
body.public-body.public-library-redesign .public-rail-action-v227,
body.public-body.public-library-redesign .public-menu-toggle,
body.public-body.public-library-redesign .public-menu-close {
  border-radius: var(--public-button-radius);
}
/* LINKS: visually links, same fluid type where paired with CTA */
body.public-body.public-library-redesign .hero-feature-link-v228,
body.public-body.public-library-redesign .public-home-audio-link-v311 {
  font-size: var(--public-button-type);
  line-height: 1.4;
}
body.public-body.public-library-redesign .public-button:focus-visible,
body.public-body.public-library-redesign .hero-arrows-v228 button:focus-visible {
  outline: 3px solid #8a5d17;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body.public-body.public-library-redesign .public-button { transition: none; }
}