From 945567bc60d85ee9ca11f7095faf044eeb533c0f Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Sat, 17 Dec 2022 13:11:10 -0300
Subject: [PATCH] feat(checkout-vazio): Adapta layout do checkout vazio ao
 layout do figma

---
 .../sass/checkout/_checkout-vazio.scss        | 86 ++++++++++++-------
 1 file changed, 54 insertions(+), 32 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 08f74e9..7d1e57f 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,38 +1,60 @@
 .empty-cart {
-	font-family: $font-family;
-	&-content {
-		color: $color-black;
-		text-align: center;
+    font-family: $font-family;
+    &-content {
+        color: $color-black;
+        text-align: center;
 
-		@include mq(md, max) {
-			padding: 0 16px;
-		}
-	}
+        @include mq(md, max) {
+            padding: 0 16px;
+        }
+    }
 
-	&-title {
-		font-size: 20px;
-	}
+    &-title {
+        font-size: 0px;
 
-	&-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;
+        &::after {
+            content: "Seu Carrinho está vazio.";
+            font-size: 24px;
+            line-height: 33px;
+            text-align: center;
+            text-transform: uppercase;
+            color: $color-black2;
+        }
+    }
 
-			&:hover {
-				background: lighten($color-black, 5);
-			}
-		}
-	}
+    &-links {
+        .link-choose-products {
+            background: $color-white;
+            border: 1px solid $color-black;
+            border-radius: 0;
+            transition: ease-in 0.22s all;
+            outline: none;
+            padding: 16px 64px;
+            font-size: 0;
+            color: $color-black;
+            cursor: pointer;
+
+            &::after {
+                content: "Continuar comprando";
+                font-family: $font-family-secundary;
+                font-style: normal;
+                font-weight: 500;
+                font-size: 14px;
+                line-height: 16px;
+                text-align: center;
+                letter-spacing: 0.05em;
+                text-transform: uppercase;
+                transition: ease-in 0.22s all;
+            }
+
+            &:hover {
+                background: lighten($color-black, 5);
+                color: $color-white;
+            }
+        }
+    }
+
+    &-message {
+        display: none;
+    }
 }
-- 
2.34.1