diff --git a/signup_form/css/style.css b/signup_form/css/style.css
index 92dbf97..8b306d4 100644
--- a/signup_form/css/style.css
+++ b/signup_form/css/style.css
@@ -75,6 +75,13 @@
     margin-bottom: 5px;
 }
 
+.form-button {
+    margin-top: 20px;
+}
+
+.form-button p {
+    margin-top: 25px;
+}
 
 .error {
     color: var(--error-color);
@@ -159,4 +166,25 @@ body {
 
 button {
     cursor: pointer;
+    padding: 0.7rem 4.5rem;
+    border: 0.2rem solid var(--text-color);
+    margin: 1;
+    box-sizing: border-box;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 500;
+    color: var(--light-bg);
+    background-color: var(--text-color);
+    transition: all 0.15s;
+}
+
+button:hover {
+    background-color: var(--light-bg);
+    color: var(--text-color);
+}
+
+a {
+    text-decoration: none;
+    color: var(--text-color);
+    font-weight: 900;
 }
\ No newline at end of file
diff --git a/signup_form/index.html b/signup_form/index.html
index ea0301a..7ee7fba 100644
--- a/signup_form/index.html
+++ b/signup_form/index.html
@@ -21,7 +21,7 @@
         </div>
         <div class="form">
             <h1 class="call-to-action">Sign up today!</h1>
-            <form action="" method="#">
+            <form action="post" method="#">
                 <div class="form-input">
                     <label for="name">NAME</label>
                     <input type="text" name="name" id="name"required>
@@ -42,7 +42,8 @@
                     <div class="error"></div>
                 </div>
                 <div class="form-button">
-                    <button type="submit">Sign Up</button>
+                    <button type="#">Create Account</button>
+                    <p>Already have an account? <a href="#">Log in</a></p>
                 </div>
             </form>
         </div>