/* Short tactile response for buttons and button-like links. */
button:active,
a[href]:active,
input[type="button"]:active,
input[type="submit"]:active,
[role="button"]:active {
  transform: translateY(2px) scale(.985) !important;
  filter: brightness(.93);
  transition: transform 60ms ease-out, filter 60ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  button:active,
  a[href]:active,
  input[type="button"]:active,
  input[type="submit"]:active,
  [role="button"]:active {
    transition: none;
  }
}