/* Override default style */
button:invalid {
  box-shadow: none;
}

button.notinvalid {
  background-color: green;
}
button.notinvalid:invalid {
  background-color: red;
}

button.invalid {
  background-color: red;
}
button.invalid:invalid {
  background-color: green;
}