.mq-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
.mq-reveal.mq-seen { opacity: 1; transform: none; }
main .mqbd-link { background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .25s ease; }
main .mqbd-link:hover { background-size: 100% 1px; }
@media (prefers-reduced-motion: reduce) {
  .mq-reveal { opacity: 1; transform: none; transition: none; }
  main .mqbd-link { transition: none; }
}