diff --git a/cart.html b/cart.html
index b752b58..767318f 100644
--- a/cart.html
+++ b/cart.html
@@ -84,7 +84,7 @@ <h1 class="s">Shopping Cart</h1>
         <div class="listCart"></div>
         <div class="btn">
             <button class="close">CLOSE</button>
-            <button class="checkOut">Check Out</button>
+           <a  href="http://127.0.0.1:5500/payment.html"  > <button  class="checkOut">Check Out</button></a>
         </div>
     </div>
 
diff --git a/payment.css b/payment.css
index b4a4dae..d323cfb 100644
--- a/payment.css
+++ b/payment.css
@@ -81,7 +81,7 @@
   }
   .form .checkout-btn {
     margin-top: 20px;
-    padding: 20px 0;
+    padding: 20px 200px 20px 20px ;
     border-radius: 25px;
     font-weight: 700;
     transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
@@ -115,4 +115,9 @@
     min-height: 100vh;
     padding-bottom: 20px;
   }
-  
\ No newline at end of file
+  
+  a{
+    text-decoration: none;
+    justify-content: center;
+    align-items: center;
+  }
\ No newline at end of file
diff --git a/payment.html b/payment.html
index acaf2c7..9aa23f6 100644
--- a/payment.html
+++ b/payment.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Payment Gateway</title>
     <link rel="stylesheet" href="payment.css">
     <link rel="stylesheet" href="navbar.css">
     <link rel="stylesheet" href="footer.css">
@@ -58,7 +58,7 @@
           />
         </label>
       </div>
-      <input class="checkout-btn" type="button" value="Checkout" />
+      <a  href="http://127.0.0.1:5500/cart.html"  > <span class="checkout-btn" type="button" value="Checkout" >  Checkout </span></a>
     </form>
   </section>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
