From 588b303fc4679ad44f54f40be3dbd0de68a88b8f Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Thu, 23 Sep 2021 14:42:09 +0700
Subject: [PATCH] bag.html - Changed Button on Order Summary Card and improved
 looks

---
 bag.html | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/bag.html b/bag.html
index ea50a95..876b146 100644
--- a/bag.html
+++ b/bag.html
@@ -17,6 +17,17 @@
         *{
             font-family: 'Poppins', sans-serif;
         }
+        .btn-checkout {
+            width: 100%;
+            background-color: darkred;
+            border-color: darkred;
+            border-radius: 100px;
+        }
+
+        .btn-checkout:hover {
+            background-color: red;
+            border-color: red;
+        }
         .bg-color {
             background-color: #1b1c1e;
         }
@@ -29,11 +40,6 @@
             border-bottom-left-radius: 20px;
             border-bottom-right-radius: 20px;
         }
-        .button {
-            color: white;
-            background-color: green;
-            margin-top: 15px;
-        }
 
         .container input {
             justify-content: left;
@@ -182,6 +188,7 @@
                             <div class="row" style="border-bottom: 1px solid white;">
                                 <div class="col-lg-12">
                                     <h3 style="text-align: center;"><b>Order Summary</b></h3>
+                                    <br style="display: block;content: ' '; margin: 1.5vw 0; line-height: 1.5vw;">
                                 </div>
                             </div>
                             <div class="row justify-content-between">
@@ -196,9 +203,8 @@
                                 <p>Estimate</p>
                                 <p>1.999.999,00</p>
                             </div>
-                            <a href="checkout.html">
-                                <button class="button" style="width: 100%;">Checkout</button>
-                            </a> 
+                            <br style="display: block;content: ' '; margin: 1vw 0; line-height: 1vw;">
+                            <a class="btn btn-primary btn-checkout" type="submit" href="checkout.html">Checkout</a>
                         </div>
                     </div>
                 </div>