/* Stable verifier action: no arrow jump and no full-button colour inversion. */
html .certificate-route .certificate-verify-form button{
  position:relative;
  background:var(--certificate-ink)!important;
  color:var(--certificate-paper)!important;
  box-shadow:inset 0 0 0 var(--certificate-acid);
  transition:box-shadow .22s ease!important;
}

html .certificate-route .certificate-verify-form button span{
  color:var(--certificate-acid)!important;
  opacity:1;
  transform:none!important;
  transition:opacity .22s ease!important;
}

html .certificate-route .certificate-verify-form button:hover,
html .certificate-route .certificate-verify-form button:focus-visible{
  background:var(--certificate-ink)!important;
  color:var(--certificate-paper)!important;
  box-shadow:inset 0 -2px 0 var(--certificate-acid);
}

html .certificate-route .certificate-verify-form button:hover span,
html .certificate-route .certificate-verify-form button:focus-visible span{
  color:var(--certificate-acid)!important;
  opacity:.72;
  transform:none!important;
}

html .certificate-route .certificate-verify-form button:focus-visible{
  outline:1px solid var(--certificate-ink);
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
  html .certificate-route .certificate-verify-form button,
  html .certificate-route .certificate-verify-form button span{
    transition:none!important;
  }
}