.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.book-actions a {
  cursor: pointer;
  background: #fff;
  border: 2px solid #c8e5e9;
  border-radius: 999px;
  height: 35px;
  padding: 0 13px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.book-actions a:first-child {
  background: linear-gradient(135deg, #0875bb, #00a6aa);
  color: #fff;
  border-color: transparent;
  flex: 1;
}

.sound-card a,
.sound-card > span:first-child {
  background: linear-gradient(135deg, var(--gold-2), var(--gold));
  border: 0;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: inherit;
  text-decoration: none;
  font-weight: 800;
}

.hero-book.book-front {
  text-decoration: none;
  color: inherit;
}

.story-page h1 {
  color: var(--navy);
  margin: 26px 0 35px;
  font: 600 clamp(32px, 4vw, 50px) Georgia, serif;
}