.button {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  padding: 15px;
  background-color: rgb(223, 223, 223);
  border-left: 3px solid white;
  border-top: 3px solid white;
  border-right: 3px solid gray;
  border-bottom: 3px solid gray;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.1rem;
  font-weight: 900;
  outline: 2px solid black;
}

.button:hover {
  background-color: rgb(0, 197, 0);
  color: white;
  outline-color: white;
  border-left: 3px solid rgb(0, 255, 0);
  border-top: 3px solid rgb(0, 255, 0);
  border-right: 3px solid green;
  border-bottom: 3px solid green;
}

.button:active {
  border-left: 3px solid green;
  border-top: 3px solid green;
  border-right: 3px solid rgb(0, 255, 0);
  border-bottom: 3px solid rgb(0, 255, 0);
}