/* Shared control feedback keeps existing colour and hover treatments intact. */
:where(button, a.button, a.primary, a.secondary, a.round, a.iconbutton, a.textbutton, a.hero-guide, .desktopnav a, .mobilemenu a, .site-header nav a) {
  transition-timing-function: cubic-bezier(.2,.7,.3,1);
}
@media (prefers-reduced-motion: no-preference) {
  :where(button, a.button, a.primary, a.secondary, a.round, a.iconbutton, a.textbutton, a.hero-guide, .desktopnav a, .mobilemenu a, .site-header nav a) {
    transition: background-color .22s cubic-bezier(.2,.7,.3,1), color .22s cubic-bezier(.2,.7,.3,1), border-color .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s cubic-bezier(.2,.7,.3,1), transform .22s cubic-bezier(.2,.7,.3,1);
  }
}