/* Botões do topo e do cabeçalho: transições comuns. Cores e estados ficam em brand.css. */
.hero-actions a:is(.hero-primary-action,.hero-secondary-action),
.site-header .header-contact{
  transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),
    background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);
}
.site-header .header-contact svg{transition:transform var(--dur-2) var(--ease)}
@media(hover:hover) and (pointer:fine){
  .site-header .header-contact:hover svg{transform:translateX(2px)}
}
.hero-actions a:is(.hero-primary-action,.hero-secondary-action):active,
.site-header .header-contact:active{
  transform:none;
  transition-duration:0ms;
}

@media(prefers-reduced-motion:reduce){
  .hero-actions a:is(.hero-primary-action,.hero-secondary-action),
  .hero-actions a:is(.hero-primary-action,.hero-secondary-action):is(:hover,:focus-visible,:active),
  .site-header .header-contact,
  .site-header .header-contact:is(:hover,:focus-visible,:active),
  .site-header .header-contact svg{
    transform:none;
    transition:none;
  }
}