/* Press feedback is independent of transforms used by carousels and flip cards. */
:where(button, [role="button"], summary, a[href]) {
  -webkit-tap-highlight-color: rgb(255 20 147 / .16);
  transition-property: scale, opacity, background-color, color, box-shadow;
  transition-duration: 140ms;
  transition-timing-function: ease-out;
}
:where(button, [role="button"], summary, a[href]):not(:disabled):not([aria-disabled="true"]):is(:active, [data-cnc-feedback]) {
  opacity: .82;
}
:where(button, [role="button"], summary):not(:disabled):not([aria-disabled="true"]):is(:active, [data-cnc-feedback]) {
  scale: .975;
}
:where(a[href]):not([aria-disabled="true"]):is(:active, [data-cnc-feedback]) {
  background-color: rgb(255 20 147 / .12);
}
/* Respect reduced motion while preserving a visible response. */
@media (prefers-reduced-motion: reduce) {
  :where(button, [role="button"], summary, a[href]) { transition-duration: 0s; }
  :where(button, [role="button"], summary):is(:active, [data-cnc-feedback]) { scale: none; }
}