diff --git a/public/cart.html b/public/cart.html
index 4f90180cd370784e695327e5c4a39e4d242c21d0..0a23d783385779887530a3f2d55c01b3b6911195 100644
--- a/public/cart.html
+++ b/public/cart.html
@@ -15,10 +15,10 @@
         <!-- Cart items will be dynamically loaded here -->
     </div>
 
-    <button>
+    <button >
         <div class="checkout" onclick="goToCheckout()">Checkout</div>
     </button>
-    
+
     <footer>
         <p>&copy; 2025 ASA</p>
         
diff --git a/public/checkout.html b/public/checkout.html
index 37808709368759616114b6c132771d51cffe8213..feb2bd8d606d7fd67973528b867027fcc019885f 100644
--- a/public/checkout.html
+++ b/public/checkout.html
@@ -14,10 +14,12 @@
     <div class="cart-items" id="cart-items">
         <!-- Cart items will be dynamically loaded here -->
     </div>
-
+    <button >
+        <div class="checkout-button" onclick="processCheckout()">Confirm and Checkout</div>
+    </button>
     <footer>
         <p>&copy; 2025 ASA</p>
-        <div class="checkout-button" onclick="processCheckout()">Confirm and Checkout</div>
+        
     </footer>
 
     <script>
diff --git a/public/styles/home.css b/public/styles/home.css
index e30a3b85897cec3f16f8f43d3678b1b91db89125..fa77f24f98c247995f9be9a2038f48a798b3f233 100644
--- a/public/styles/home.css
+++ b/public/styles/home.css
@@ -13,6 +13,19 @@ body {
     min-height: 100vh;
 }
 
+button {
+    width: 100%;
+    padding: 15px;
+    background-color: #ff7e5f;
+    color: white;
+    font-size: 18px;
+    font-weight: 500;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
 /* Header */
 header {
     width: 100%;