From 7acbaf2209333f85a4d783e25f972563b7656ae9 Mon Sep 17 00:00:00 2001
From: unknown <gabrielgms0@hotmail.com>
Date: Mon, 19 Dec 2022 05:18:29 -0300
Subject: [PATCH] =?UTF-8?q?Adiciona=20estiliza=C3=A7=C3=A3o=20do=20carrinh?=
 =?UTF-8?q?o=20vazio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/checkout/_checkout-vazio.scss        | 82 +++++++++++--------
 .../src/arquivos/sass/utils/_variaveis.scss   | 26 +++---
 2 files changed, 64 insertions(+), 44 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 08f74e9..7c0277a 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,38 +1,56 @@
 .empty-cart {
-	font-family: $font-family;
-	&-content {
-		color: $color-black;
-		text-align: center;
+    font-family: $font-family;
+    &-content {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 700;
+        font-size: 24px;
+        line-height: 33px;
+        text-align: center;
+        text-transform: uppercase;
+        color: $color-black-1000;
+        @include mq(md, max) {
+            padding: 0 16px;
+        }
+    }
 
-		@include mq(md, max) {
-			padding: 0 16px;
-		}
-	}
+    &-title {
+        font-size: 24px;
+        line-height: 32px;
+        font-weight: 700;
+        text-transform: uppercase;
+        margin: 0;
+        margin-bottom: 32px;
+        margin-top: 170px;
+        padding: 0;
+    }
 
-	&-title {
-		font-size: 20px;
-	}
+    &-message {
+        display: none;
+    }
 
-	&-links {
-		.link-choose-products {
-			background: $color-black;
-			border: none;
-			border-radius: 5px;
-			transition: ease-in 0.22s all;
-			outline: none;
-			font-family: $font-family;
-			font-style: normal;
-			font-weight: 500;
-			font-size: 14px;
-			line-height: 16px;
-			text-align: center;
-			letter-spacing: 0.05em;
-			color: $color-white;
-			text-transform: uppercase;
+    &-links {
+        .link-choose-products {
+            font-family: $font-family-secundary;
+            background: $color-white-1000;
+            border: 1px solid $color-black-1000;
+            border-radius: 0;
+            transition: ease-in-out 0.2s all;
+            font-size: 0px;
+            padding: 15px 65px 17px;
+            margin: 0;
+            line-height: 0;
 
-			&:hover {
-				background: lighten($color-black, 5);
-			}
-		}
-	}
+            &::after {
+                content: "Continuar comprando";
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 16px;
+                text-align: center;
+                font-family: $font-family-secundary;
+                color: $color-black-1000;
+                text-transform: uppercase;
+            }
+        }
+    }
 }
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index f000abe..fe13687 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -2,12 +2,14 @@
 @import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
 $font-family: "Open Sans", sans-serif;
-$font-family-secundary:"Tenor Sans", sans-serif;
+$font-family-secundary: "Tenor Sans", sans-serif;
 
 /* Colors */
 $color-black: #292929;
+$color-black-1000: #000;
 
 $color-white: #fff;
+$color-white-1000: white;
 
 $color-gray: #6c6c6c;
 $color-gray2: #7d7d7d;
@@ -21,18 +23,18 @@ $color-green: #4caf50;
 
 /* Grid breakpoints */
 $grid-breakpoints: (
-	xs: 0,
-	cstm: 400,
-	sm: 576px,
-	md: 768px,
-	lg: 992px,
-	xl: 1200px
+    xs: 0,
+    cstm: 400,
+    sm: 576px,
+    md: 768px,
+    lg: 992px,
+    xl: 1200px,
 ) !default;
 
 $z-index: (
-	level1: 5,
-	level2: 10,
-	level3: 15,
-	level4: 20,
-	level5: 25
+    level1: 5,
+    level2: 10,
+    level3: 15,
+    level4: 20,
+    level5: 25,
 ) !default;