From aee45eb858e4e14bb6cdb074bd2fa015c053e69f Mon Sep 17 00:00:00 2001
From: vitorsoaresdev <dev.vitors@gmail.com>
Date: Wed, 14 Dec 2022 11:56:25 -0300
Subject: [PATCH] feat: adiciona carrinho vazio

---
 .../sass/checkout/_checkout-vazio.scss        | 40 +++++++++++++------
 .../src/arquivos/sass/utils/_variaveis.scss   |  1 +
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index f5158ca..c9b4a5e 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,7 +1,7 @@
 .empty-cart {
 	font-family: $font-family;
 	&-content {
-		color: $color-black-100;
+		color: $color-black-500;
 		text-align: center;
 
 		@include mq(md, max) {
@@ -10,29 +10,45 @@
 	}
 
 	&-title {
-		font-size: 20px;
+		font-size: 24px;
+        line-height: 32px;
+        font-weight: 700;
+        text-transform: uppercase;
+        margin: 0;
+        margin-bottom: 32px;
+        margin-top: 170px;
+        padding: 0;
+
 	}
 
+    &-message {
+        display: none;
+    }
+
 	&-links {
 		.link-choose-products {
-			background: $color-black-100;
-			border: none;
-			border-radius: 5px;
-			transition: ease-in 0.22s all;
-			outline: none;
+			background: $color-white-500;
+			border: 1px solid $color-black-500;
+			border-radius: 0;
+			transition: ease-in-out 0.2s all;
 			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-500;
+			color: $color-black-500;
 			text-transform: uppercase;
+            padding: 15px 65px 17px;
+            margin: 0;
 
 			&:hover {
-				background: lighten($color-black-100, 5);
+				background: $color-gray6;
 			}
 		}
 	}
 }
+
+.hide {
+    display: none !important;
+    opacity: 0;
+    pointer-events: none;
+}
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index a7acbb6..b4e3eaa 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -15,6 +15,7 @@ $color-gray2: #7d7d7d;
 $color-gray3: #f0f0f0;
 $color-gray4: #8d8d8d;
 $color-gray5: #e5e5e5;
+$color-gray6: #ededed;
 
 $color-blue: #4267b2;