/* Identical physical-key proportions in headquarters and student settings. */
button.learning-shortcut-keycap{
  width:80px;min-width:80px;height:40px;box-sizing:border-box;padding:0 5px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #a5c7d1;border-bottom:4px solid #7294a1;border-radius:9px!important;
  background:linear-gradient(160deg,#fff 0%,#f5fdff 45%,#dcebf2 100%);
  color:#15516a;font:700 13px/1 ui-monospace,Consolas,monospace;
  box-shadow:0 3px 5px #123e5220,inset 0 1px 0 #fff,inset 0 -1px 0 #fff9;
  text-shadow:0 1px 0 #fff;white-space:nowrap;
  transition:border-color .15s,box-shadow .15s,transform .12s;
}
button.learning-shortcut-keycap:not(:disabled):hover{
  border-color:#3fc0d3;border-bottom-color:#268599;
  box-shadow:0 4px 9px #169ac333,0 0 8px #71edff44,inset 0 1px 0 #fff;
  transform:translateY(-1px);
}
button.learning-shortcut-keycap[data-binding="true"]{
  border-color:#1fc8e5;border-bottom-color:#07849f;background:linear-gradient(160deg,#f1ffff,#b9f4fd);
  color:#005369;box-shadow:0 0 0 2px #56dbe955,0 0 15px #23d7e555;
}
button.learning-shortcut-keycap:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 3px #07536b25}
button.learning-shortcut-keycap:focus-visible{outline:2px solid #1ebbd2;outline-offset:3px}
@media(prefers-reduced-motion:reduce){button.learning-shortcut-keycap{transition:none}}