From 332e0d88d6314ae492e1e5f6c3be83ed6c93da62 Mon Sep 17 00:00:00 2001
From: Sabrina Miranda <sabrina.miranda1@bol.com.br>
Date: Sat, 17 Dec 2022 10:11:32 -0300
Subject: [PATCH] =?UTF-8?q?refactor(checkout=20vazio):=20Aplica=20mudan?=
 =?UTF-8?q?=C3=A7a=20na=20forma=20de=20alterar=20o=20texto=20do=20bot?=
 =?UTF-8?q?=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 checkout/src/arquivos/js/components/Footer.js |  8 ----
 .../sass/checkout/_checkout-vazio.scss        | 44 ++++++++++++-------
 2 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 66395f5..64a796d 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -10,7 +10,6 @@ export default class Footer {
         this.paymentsIconsHTML();
         this.vtexPciIconHTML();
         this.developedByLogoHTML();
-        this.temptyCartTextBtn();
         // this.onUpdate();
     }
 
@@ -21,7 +20,6 @@ export default class Footer {
         this.payments = await waitElement(".footerCheckout__payments");
         this.vtexPCI = await waitElement(".footerCheckout__vtexpci");
         this.developedBy = await waitElement(".footerCheckout__developedBy");
-        this.textBtn = await waitElement("#cart-choose-products");
     }
 
     paymentsIconsHTML() {
@@ -74,12 +72,6 @@ export default class Footer {
         }
     }
 
-    temptyCartTextBtn() {
-        if (this.textBtn) {
-            this.textBtn.textContent = "Continuar comprando";
-        }
-    }
-
     onUpdate() {
         //Função qeu fará a verificação se o carrinho está vazio para remover a prateleira de produtos:
         // vocês devem olhar a doc fornecida no Desafio para aprender a usar a MutationObserver
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index c16a879..17c72e6 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -48,24 +48,38 @@
 			background: transparent;
 			border: 1px solid $color-black2;
 			border-radius: 0px;
-			transition: ease-in 0.22s all;
 			outline: none;
-			font-family: $font-family-secundary;
-			font-style: normal;
-			font-weight: 400;
-			font-size: 14px;
-			line-height: 16px;
-			text-align: center;
-			letter-spacing: 0.05em;
-			color: $color-black2;
-			text-transform: uppercase;
+            transition: ease-in 0.22s all;
+            margin: 22px 0 262px 0;
             padding: 16px 26px;
             cursor: pointer;
-            margin: 22px 0 262px 0;
+            font-size: 0;
+
+            &::after {
+                content: "Continuar comprando";
+                font-family: $font-family-secundary;
+                font-style: normal;
+                font-weight: 400;
+                font-size: 14px;
+                line-height: 16px;
+                text-align: center;
+                letter-spacing: 0.05em;
+                color: $color-black2;
+                text-transform: uppercase;
+                vertical-align: top;
+                vertical-align: bottom;
+
+                @include mq(xg, min) {
+                    font-size: 28px;
+                    line-height: 33px;
+                }
+
+                @include mq(xsp, max) {
+                    font-size: 12px;
+                }
+            }
 
             @include mq(xg, min) {
-                font-size: 28px;
-                line-height: 33px;
                 padding: 16px 121px;
             }
 
@@ -75,12 +89,10 @@
             }
 
             @include mq(xsp, max) {
-                font-size: 12px;
-                line-height: 14px;
                 padding: 16px 20px;
             }
 
-			&:hover {
+            &:hover {
 				background: lighten($color-black, 5);
 			}
 		}