/* Effet « stagger word up » au survol des boutons (voir js/btn-stagger.js) */
.sw {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.sw + .sw { margin-left: .26em; }
.sw-a,
.sw-b {
  display: block;
  transition: transform .55s cubic-bezier(.65, 0, .2, 1);
  transition-delay: calc(var(--i, 0) * 50ms);
}
.sw-b {
  position: absolute;
  left: 0;
  top: 100%;
}
.btn:hover .sw-a, .btn:hover .sw-b,
.btn:focus-visible .sw-a, .btn:focus-visible .sw-b,
.mage-hero-btn:hover .sw-a, .mage-hero-btn:hover .sw-b,
.mage-hero-btn:focus-visible .sw-a, .mage-hero-btn:focus-visible .sw-b {
  transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
  .sw-a, .sw-b { transition: none; }
}