diff --git a/css/style.css b/css/style.css
index c2e38b0..2644dd4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -119,9 +119,9 @@ button {
   background: #fff;
   border-radius: 5px;
   font-size: 0.9rem;
+  padding: 0.98rem;
   left: 50%; */
   width: 100%;
-  padding: 0.98rem;
   border: none;
   background-color: rgb(129, 113, 222);
   font-size: 0.9rem;
@@ -131,6 +131,13 @@ button {
  
   
 }
+
+.login-link {
+  color: white;
+  display: block;
+  padding: 0.98rem;
+}
+
 .submit-button {
   width: 100%;
   display: flex;
diff --git a/index.html b/index.html
index 42b232f..34e5dcd 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@ <h2>Log In</h2>
             <input class="form-input" type="password" placeholder="Password" id="pwd" name="Password"
               autocomplete="off"  required/>
           </div>
-          <button class="login-button"><a href="./sucess.html"  style="color: rgb(255, 255, 255);"> LOG IN</a></button>
+          <button class="login-button"><a href="./sucess.html"  class="login-link">LOG IN</a></button>
           
       
         </div>
diff --git a/sign-up.html b/sign-up.html
index 54cddf2..97ea56c 100644
--- a/sign-up.html
+++ b/sign-up.html
@@ -38,7 +38,9 @@ <h2>Sign Up</h2>
               autocomplete="off" />
           </div>
 
-          <button class="login-button" style="color: white;">Sign Up</button>
+          <button class="login-button" >
+            <a href="#" class="login-link">Sign Up</a> 
+          </button>
         </div>
 
         <div class="other">