/* Drawn marks keep every browser, including iOS, out of emoji font fallback. */
.luna-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
  overflow: visible;
  pointer-events: none;
}

/* Keep the store and social marks' existing sizes separate from their arrows. */
.store-button .luna-icon,
.social-link .luna-icon {
  width: 1em;
  height: 1em;
}

.intro-spark,
.ticker-star,
.gesture-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.scroll-note > span { display: inline-block; vertical-align: middle; }
.scroll-note > span[aria-hidden] { margin-inline-start: 8px; font-size: 16px; }

/* Keep the small utility-link arrow as legible as the other drawn arrows. */
.privacy-link > span[aria-hidden] { font-size: 18px; }