feat(Footer): Estiliza botão checkout vazio

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 {
             );
         });
     }
+
 }

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;
+    }
 }

checkout/src/arquivos/sass/checkout/_checkout.scss

@@ -49,6 +49,10 @@ body {
     .container-order-form,
     .container-cart {
         width: 80%;
+
+        #cart-title {
+            display: none !important;
+        }
     }
 }
 

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;