.button {
  width: auto;
  min-width: var(--button-min-width);
  height: auto;
  max-height: var(--button-max-height);
  padding: var(--button-padding);
  background-color: var(--button-color);
  border-radius: var(--general-border-radius);
  text-align: center;
  align-content: center;
  
  border-style: var(--general-border-style);
  border-width: var(--general-border-width);
  border-color: var(--general-border-color);
  
 
}

.button:hover {
  cursor: pointer;
  background-color: var(--button-color-hover);
}

.menuButton {
  align-self: center;
  height: 5rem;
  font-size: x-large;
  max-height: calc(var(--button-max-height) * 2);
}


/* button {
  height: auto;
  max-height: var(--button-max-height);
} */

/* .levelButton {
  width: 40rem;
  height: 8rem;

  align-self: center;

  font-size: 1.5rem;
} */