.hero-reveal-button {
  display: inline-flex; flex-direction: column; align-items: center;
  font: inherit; letter-spacing: inherit; line-height: 1.1;
  border: 0; padding: 0 .08em; background: none; color: inherit;
  cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent;
}
.hero-headline .hero-reveal-line {
  display: inline-flex; height: 1.1em; overflow: hidden; color: #373937;
  transition: color .35s ease;
}
.hero-headline .hero-reveal-line:nth-child(2) { color: #777971; }
.hero-headline .hero-reveal-char {
  display: inline-block; color: inherit; text-shadow: 0 1.1em currentColor;
  transition: transform 250ms ease-in-out; transition-delay: var(--letter-delay);
}
.hero-reveal-button.is-revealed .hero-reveal-line,
.hero-reveal-button:focus-visible .hero-reveal-line { color: #00f4c7; }
.hero-reveal-button.is-revealed .hero-reveal-char,
.hero-reveal-button:focus-visible .hero-reveal-char { transform: translateY(-1.1em); }
.hero-reveal-button:focus-visible { outline: 2px solid #777971; outline-offset: 8px; border-radius: 4px; }
@media (hover: hover) {
  .hero-reveal-button:hover .hero-reveal-line { color: #00f4c7; }
  .hero-reveal-button:hover .hero-reveal-char { transform: translateY(-1.1em); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-headline .hero-reveal-char { transition: none; transform: none !important; text-shadow: none; }
}