@media screen and (prefers-reduced-motion: no-preference) {
  .brand-demo, .demo-links a, .btn { transition: translate .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }
  @media (hover: hover) {
    .brand-demo:hover, .demo-links a:hover, .btn:hover { translate: 0 -2px; }
  }
  .demo-links a:active, .btn:active { translate: 0 1px; }
}
@media print {
  * { animation: none !important; transition: none !important; }
}