Add class "green" and "red" for button

css/default_style.css

@@ -7,17 +7,28 @@
 }
 
 .button {
-    background: #82d800;
     color: black;
     border: 2px solid black;
     border-radius: 6px;
     text-shadow:none;
 }
 
-.button:hover {
+.green {
+    background: #82d800;
+}
+
+.green:hover {
     background: #9dff08;
 }
 
+.red {
+    background: #d50027;
+}
+
+.red:hover {
+    background: #ff264e;
+}
+
 input{
 	width: 90%;
 	margin: 1px auto 15px;
@@ -30,4 +41,4 @@ a:link, a:visited {
 
 a:hover {
 	color: rgb(167,180,4);
-}
+}
\ No newline at end of file

login/sign_up.html

@@ -26,7 +26,7 @@
 				<input type="text" name="user_phone"><br/>
                 <input type="checkbox" name="is_driver" value="true" style="width: 20px">
                 <label for="chkbx_driver">Sign me up as a driver</label>
-                <input type="submit" class="button register" value="REGISTER">
+                <input type="submit" class="button green register" value="REGISTER">
 			</form>
             <p><br>* Required field</p>
 		</div>