kbd {
  display: inline-block;
  padding: .2rem .4rem;
  font-size: 100%;
  color: #fff;
  vertical-align: middle;
  background-color: #212529;
  border-radius: .2rem;
  font-family: var(--bs-font-monospace, ui-monospace,SFMono-Regular,Menlo,Monaco,"Liberation Mono","Courier New",monospace);
  line-height: 1;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}

kbd.copy-on-click {
  cursor: pointer;
  position: relative;
}

kbd.copy-on-click.copied {
  outline: 2px solid #198754;
  outline-offset: 2px;
}