/* ------------------------------------------------------------------
   Site-wide fixes on top of the theme (main.css). Loaded on every page.
------------------------------------------------------------------- */

/* Rolling button/menu text (.btn-anim)
   js/app.js renders the label twice: the visible copy and a duplicate parked
   directly underneath, revealed on hover by sliding both up 100%. With no gap
   between them, glyphs taller than the line box (Arabic hamza/dots, accents)
   or fractional-pixel rounding let the top of the duplicate show at the
   bottom edge. Park the duplicate 0.4em lower and slide that much further. */
.btn-anim .btn-anim__block:last-child {
  margin-top: 0.4em;
}

.btn-anim:hover .btn-anim__letter,
.btn-anim.play .btn-anim__letter {
  transform: translateY(calc(-100% - 0.4em));
}