Suivi — Feuilles de style (CSS) kbd

J'ai voulu utiliser récemment (mais aussi plusieurs autre fois, surtout quand je parle de clavier) la balise kbd pour lequel il n'y a pas de balisage Markdown… Malheureusement, le rendu n'est jamais au rendez-vous :-( Je propose de rajouter l'habillage minimal proposé par la page de doc de Mozilla :

kbd, button {
  border-radius: 3px;
  padding: 1px 2px 0;
  border-width: thin;
  border-style: inset;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
}

Je rajouterai bien aussi quelque chose comme

button:hover, button:active, button:focus, 
kbd:hover, kbd:active, kbd:focus, {
  background-color: inherit;
  filter: invert(0.9);
  border-style: outset;
}
kbd:disabled, button:disabled {
  color: inherit;
  filter: invert(0.3);
  border-style: ridge;
  border-color: gray;
}
kbd[title], button[title] {
  cursor: help;
}

On peut bien entendu pousser le bouchon plus loin, comme ci et là, mais j'ai essayé de proposer quelque qui pourrait s'intégrer avec toutes les feuilles de styles présentes.