/* Shared press feedback for native buttons, button links and expandable controls. */
@media screen {
  :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[href], summary):not(:disabled):not([aria-disabled="true"]):active {
    filter: brightness(.88);
    box-shadow: inset 0 2px 4px rgba(7, 20, 38, .24), inset 0 0 0 2px rgba(126, 167, 255, .55);
    translate: 0 1px;
    scale: .985;
  }

  :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[href], summary):focus-visible {
    outline: 3px solid #709afa;
    outline-offset: 3px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[href], summary):not(:disabled):not([aria-disabled="true"]):active {
    translate: none;
    scale: none;
  }
}