/*! theme-motion: button press feedback, sitewide */

.button:not([disabled]):active {
  transform: scale(0.97);
}

@media screen and (pointer: fine) {
  .button:not([disabled]) {
    transition: var(--button-transition), transform var(--animation-short);
  }
}

@media (prefers-reduced-motion: reduce) {
  .button:not([disabled]):active {
    transform: none;
  }
}