Button hover states, global transitions

water.css

@@ -8,6 +8,17 @@ body {
   line-height: 1.4;
 }
 
+button, input[type="submit"] {
+  cursor: pointer;
+}
+
+a, button, input {
+  transition: background-color 0.1s linear,
+              border-color 0.1s linear,
+              color 0.1s linear,
+              box-shadow 0.1s linear;
+}
+
 a {
   color: #41adff;
   text-decoration: none;
@@ -57,6 +68,10 @@ input, select, button, textarea {
   -webkit-appearance: none;
 }
 
+button:hover, input[type="submit"]:hover {
+  background: #324759;
+}
+
 input:focus, select:focus, button:focus, textarea:focus {
   box-shadow: 0 0 0 2px #0096bfab;
 }
@@ -84,6 +99,10 @@ body.light input, body.light select, body.light button, body.light textarea {
   color: #000000;
 }
 
+body.light button:hover, body.light input[type="submit"]:hover {
+  background: #dddddd;
+}
+
 ::placeholder {
   color: #949494;
 }