* {
  box-sizing: border-box;
}

summary {
  cursor: pointer;
}

.badge {
  padding: 2px 4px;
  border-radius: 6px;
}

button {
  background-color: white;
  border-radius: 6px;
  border: 1px solid #b2b2b2;
  color: #0c0c0d;
}

button:hover {
  border-color: #1a1a1a;
}

button:focus {
  box-shadow: 0 0 0 1px #4f46e5 inset,0 0 0 1px #4f46e5,0 0 0 4px rgba(79, 70, 229,.3)
}

.black-button {
  color: white;
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}

.black-button:hover {
  background-color: #696969;
  border-color: #696969;
}