Remake style for button

css/default_style.css

@@ -7,25 +7,22 @@
 }
 
 .button {
-    background: rgb(65,62,119);
-    color: rgb(250, 250, 250);
-    border: 1px solid rgb(250, 250, 250);
-    border-radius: 20px;
+    background: #82d800;
+    color: black;
+    border: 2px solid black;
+    border-radius: 6px;
     text-shadow:none;
-    width: 60px;
-    height: 33px;
 }
+
 .button:hover {
-    background: rgb(191,216,255);
-    color: #fff;
-    border: 1px solid rgb(250, 250, 250);
-    border-radius: 20px;
-    text-shadow:none;
+    background: #9dff08;
 }
+
 input{
 	width: 90%;
 	margin: 1px auto 15px;
 }
+
 a:link, a:visited {
 	color: rgb(250,250,250);
 	text-decoration: none;

css/login.css

@@ -14,29 +14,8 @@
 	position: relative;
 }
 
-.frame input[type="submit"] {
-    border-radius: 40px;
-    background-color: rgb(191,216,255);
-    padding: 5px 3px;
-    display: block;
-    width: 30%;
-    border : none;
-    cursor : pointer;
-    margin: 0 auto 15px;
-    color: rgb(92,88,138);
-}
-
-/*.frame input[type="submit"] {
-    border-radius: 40px;
-    background-color: rgb(191,216,255);
-    padding: 5px 3px;
-    display: block;
-    width: 30%;
-    border : none;
-    cursor : pointer;
-    margin: 0 auto 15px;
-}*/
-
-.frame input[type="submit"]:hover {
-    opacity : 0.6;
+.register {
+    width: 80px;
+    height: 30px;
+    float: right;
 }
\ 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" value="REGISTER">
+                <input type="submit" class="button register" value="REGISTER">
 			</form>
             <p><br>* Required field</p>
 		</div>