From 2983fcbe2ebcaaee7d9df53dd85f725f4c300eef Mon Sep 17 00:00:00 2001
From: WillSimao <williamsimaocavalcante75@gmail.com>
Date: Thu, 15 Dec 2022 11:05:11 -0300
Subject: [PATCH] =?UTF-8?q?feat(Footer):=20Estiliza=20bot=C3=A3o=20checkou?=
 =?UTF-8?q?t=20vazio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/arquivos/js/components/CheckoutUI.js  |  2 +
 .../sass/checkout/_checkout-vazio.scss        | 47 +++++++++++++++----
 .../src/arquivos/sass/checkout/_checkout.scss |  4 ++
 .../src/arquivos/sass/utils/_variaveis.scss   |  1 +
 4 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/checkout/src/arquivos/js/components/CheckoutUI.js b/checkout/src/arquivos/js/components/CheckoutUI.js
index f68f3b2..0d09908 100644
--- a/checkout/src/arquivos/js/components/CheckoutUI.js
+++ b/checkout/src/arquivos/js/components/CheckoutUI.js
@@ -41,6 +41,7 @@ export default class CheckoutUI {
         this.configThumb();
         waitForEl(".product-image img", this.resizeImages.bind(this));
         $(window).on("orderFormUpdated.vtex", this.resizeImages.bind(this));
+        this.changeTitleChooseProduct();
     }
 
     configThumb() {
@@ -66,4 +67,5 @@ export default class CheckoutUI {
             );
         });
     }
+
 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 6d88fd4..ff8d351 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -10,30 +10,61 @@
 	}
 
 	&-title {
-		font-size: 20px;
+		font-size: 24px;
+        font-family: $font-family;
+        font-weight: 700;
+        line-height: 33px;
+        text-align: center;
+        text-transform: uppercase;
+        font-style: normal;
 	}
 
 	&-links {
+        display: flex;
+        justify-content: center;
+        align-items: center;
 		.link-choose-products {
-			background: $color-black;
-			border: none;
-			border-radius: 5px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 327px;
+            height: 48px;
+			background: $color-white;
+			border: 1px solid $color-black-500;
+            border-radius: 0;
 			transition: ease-in 0.22s all;
 			outline: none;
-			font-family: $font-family;
+			font-family: $font-family-secundary;
 			font-style: normal;
-			font-weight: 500;
+			font-weight: 400;
 			font-size: 14px;
 			line-height: 16px;
 			text-align: center;
 			letter-spacing: 0.05em;
-			color: $color-white;
+			color: $color-black-500;
 			text-transform: uppercase;
 
 			&:hover {
-				background: lighten($color-black, 5);
+				background: $color-blue-200;
+				color: $color-white;
 			}
 		}
 
+        .btn {
+            padding: 0;
+        }
+
+        .btn-large {
+            padding: 0;
+        }
+
 	}
+
+    .hide {
+        display: none;
+    }
+
+    &-message {
+        display: none;
+    }
 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 08346ab..bad8f8a 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -49,6 +49,10 @@ body {
     .container-order-form,
     .container-cart {
         width: 80%;
+
+        #cart-title {
+            display: none !important;
+        }
     }
 }
 
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index 2c046c3..3f71f09 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -16,6 +16,7 @@ $color-gray3: #f0f0f0;
 $color-gray4: #8d8d8d;
 $color-gray5: #e5e5e5;
 
+$color-blue-200: #00C8FF;
 $color-blue: #4267b2;
 
 $color-green: #4caf50;