.door-leave {
  display: block;
  font: inherit;
  font-weight: 700;
  font-size: 1.35rem;
  color: #000;
  background: #ffd700;
  border: 3px solid #000;
  padding: 0.85rem 1rem;
  text-decoration: none;
  margin: 1.2rem 0;
  text-align: center;
}
.door-leave:hover,
.door-leave:focus {
  background: #000;
  color: #ffd700;
  border-color: #ffd700;
}
.class-A, .class-B, .class-C, .class-D, .class-H {
  display: inline-block;
  font-weight: 700;
  border: 2px solid #000;
  padding: 0.1rem 0.45rem;
  margin-right: 0.35rem;
}
.class-A { background: #ffd700; color: #000; }
.class-B { background: #fff; color: #000; }
.class-C { background: #fff8e7; color: #000; }
.class-D { background: #000; color: #ffd700; border-color: #ffd700; }
.class-H { background: #e2187a; color: #fff; border-color: #b0125f; }
.door-grid {
  display: grid;
  gap: 0.75rem;
  margin: 1.2rem 0 1.6rem;
}
.door-grid a {
  display: block;
  color: #000;
  background: #fff;
  border: 2px solid #000;
  padding: 0.85rem 1rem;
  text-decoration: none;
  font-weight: 700;
}
.door-grid a span {
  display: block;
  font-weight: 400;
  margin-top: 0.35rem;
}