diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 46a8581..88b8cdc 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -58,6 +58,13 @@
 </script>
 @endif
 
+<style>
+    #buttonspare:hover {
+
+        background-color: #12b65224;
+    }
+</style>
+
 <form role="form" method="POST" action="{{ route('password.email') }}">
     @csrf
     <p>Sila masukkan emel</p>
@@ -75,7 +82,10 @@
     <div class="text-center">
         <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Tetap Semula Kata Laluan</button>
     </div>
-    <p class="mt-6 text-sm text-center">
+    <div class="text-center mt-3" style="margin: 0% 10%;">
+        <a href="https://spare.arrahn.com.my/pembayaransegera" id="buttonspare" title="Pembayaran Pantas SPARE" style="color: #12B652; border: 1px solid #12B652;" class="btn my-4 mb-2" target="_blank">Speed Payment(SPARE)</a href="#">
+    </div>
+    <p class="text-sm text-center">
 
         <a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
         <a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
diff --git a/resources/views/auth/pertama-kali/firsttime2.blade.php b/resources/views/auth/pertama-kali/firsttime2.blade.php
index f798e5b..f3ba993 100644
--- a/resources/views/auth/pertama-kali/firsttime2.blade.php
+++ b/resources/views/auth/pertama-kali/firsttime2.blade.php
@@ -78,6 +78,12 @@
 
 <title>Daftar Akaun | Customer Portal</title>
 
+<style>
+    #buttonspare:hover {
+
+        background-color: #12b65224;
+    }
+</style>
 
 <body class="sign-in-basic">
 
@@ -126,8 +132,10 @@
 
 
 
-
-                                    <p class="mt-4 text-sm text-center">
+                                    <div class="text-center mt-3" style="margin: 0% 10%;">
+                                        <a href="https://spare.arrahn.com.my/pembayaransegera" id="buttonspare" title="Pembayaran Pantas SPARE" style="color: #12B652; border: 1px solid #12B652;" class="btn my-4 mb-2" target="_blank">Speed Payment(SPARE)</a href="#">
+                                    </div>
+                                    <p class="text-sm text-center">
                                         <a href="{{ route('login') }}">Log-Masuk</a>
                                         <a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
                                         <a href="{{ route('password.request') }}">Lupa Kata Laluan</a>
diff --git a/resources/views/includes/login/loginportal.blade.php b/resources/views/includes/login/loginportal.blade.php
index eb7d6fa..1f85d30 100644
--- a/resources/views/includes/login/loginportal.blade.php
+++ b/resources/views/includes/login/loginportal.blade.php
@@ -2,6 +2,13 @@
 
 @section('content')
 
+<style>
+    #buttonspare:hover {
+
+        background-color: #12b65224;
+    }
+</style>
+
 <title>Log In | Customer Portal</title>
 
 <h6 style="text-align: center; margin-bottom: 10%;">Log-Masuk</h6>
@@ -25,7 +32,7 @@
         <strong>{{ $errors->first('password') }}</strong>
     </span>
     @endif
-    
+
     <div class="form-check form-switch d-flex align-items-center mb-3">
         <input class="form-check-input" type="checkbox" id="rememberMe">
         <label class="form-check-label mb-0 ms-2" for="rememberMe">Remember me</label>
@@ -33,7 +40,10 @@
     <div class="text-center">
         <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" onclick="loadingbtn();this.disabled=true;this.form.submit();" style="background: #4A4E59;">Log In</button>
     </div>
-    <p class="mt-6 text-sm text-center">
+    <div class="text-center mt-3" style="margin: 0% 10%;">
+        <a href="https://spare.arrahn.com.my/pembayaransegera" id="buttonspare" title="Pembayaran Pantas SPARE" style="color: #12B652; border: 1px solid #12B652;" class="btn my-4 mb-2" target="_blank">Speed Payment(SPARE)</a href="#">
+    </div>
+    <p class="text-sm text-center">
 
         <a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
         <a href="#" class="text-dark text-gradient font-weight-bold"> | </a>