/* Immediate touch-start feedback. The delegated class also covers keyboard activation.
   Override the older :active transforms so a control is scaled only once. */
.ui-feedback-enabled :is(button,[role="button"]):active{transform:none!important;filter:none!important}
.ui-feedback-enabled :is(button,[role="button"]).ui-pressed,
html:not(.ui-feedback-enabled) :is(button,[role="button"]):active{
  transform:scale(.96)!important;opacity:.74!important;filter:none!important;transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .ui-feedback-enabled :is(button,[role="button"]).ui-pressed,
  html:not(.ui-feedback-enabled) :is(button,[role="button"]):active{transform:none!important}
}