feat(checkout): adiciona css em scss as telas do checkout

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

@@ -1,37 +1,104 @@
 .empty-cart {
     font-family: $font-family;
     &-content {
+        margin-top: 170px;
         color: $color-black;
         text-align: center;
 
         @include mq(md, max) {
             padding: 0 16px;
         }
+        .empty-cart-message {
+            display: none;
+        }
     }
 
     &-title {
-		font-size: 20px;
+        font-family: "Open Sans";
+        font-style: normal;
+        font-weight: 700;
+        font-size: 24px;
+        line-height: 33px;
+        text-align: center;
+        text-transform: uppercase;
+        color: $color-black-000;
+        margin-bottom: 32px;
+        @include mq(dt, max) {
+            font-size: 18px;
+            line-height: 25px;
+            text-transform: uppercase;
+            margin-bottom: 22px;
+        }
+        @include mq(tv, min) {
+            font-weight: 700;
+            font-size: 48px;
+            line-height: 65px;
+        }
+    }
+    &-btn {
+        padding: 250px !important;
     }
 
     &-links {
         .link-choose-products {
-			background: $color-black;
+            background: $white;
-			border: none;
-			border-radius: 5px;
             transition: ease-in 0.22s all;
             outline: none;
-			font-family: $font-family;
+            font-family: $font-family-secundary;
             font-style: normal;
-			font-weight: 500;
+            color: $black;
+            text-align: center;
+            letter-spacing: 0.05em;
+            color: $black;
+            font-size: 0px;
+            text-transform: uppercase;
+            border: 1px solid #000000;
+            border-radius: 0%;
+            padding: 16px 64px 16px 65px;
+            height: 16px;
+            margin: 0;
+            &::after {
+                font-family: "Tenor Sans";
+                font-style: normal;
+                font-weight: 400;
                 font-size: 14px;
                 line-height: 16px;
                 text-align: center;
-			letter-spacing: 0.05em;
-			color: $color-white;
                 text-transform: uppercase;
+                content: "Continuar comprando";
+            }
 
             &:hover {
-				background: lighten($color-black, 5);
+                background: $white;
+            }
+            @media screen and (max-width: 354px) {
+                height: 32px !important;
+            }
+            @include mq(dt, max) {
+                height: 16px;
+                padding: 16px 26px;
+
+                &::after {
+                    font-family: "Tenor Sans";
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 16px;
+                    text-align: center;
+                    text-transform: uppercase;
+                }
+            }
+            @include mq(tv, min) {
+                height: 33.52px;
+                padding: 16px 121px;
+                &::after {
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 28px;
+                    line-height: 33px;
+                    text-align: center;
+                    text-transform: uppercase;
+                }
             }
         }
     }

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

@@ -9,11 +9,11 @@ html {
 }
 
 footer .footerCheckout__wrapper {
-    width: 94.9734%;
+    width: 100%;
+    // width: 94.9734%;
     margin: auto auto 0 auto;
 }
-footer .footerCheckout__prateleira,
+footer .footerCheckout__prateleira {
-header {
     width: 79.53125%;
     margin: 0 auto;
 }
@@ -49,37 +49,61 @@ body {
     }
     .container-order-form,
     .container-cart {
+        //margin-top: 170px;
         width: 80%;
+
+        @include mq(l, max) {
+            max-width: 1024px;
+            width: 100%;
+        }
     }
 }
 
 .btn-success {
-    background: $color-black;
+    background: $color-black2;
+    padding: 15px 64px 17px 65px;
     text-shadow: none;
 
     &:hover {
-        background: lighten($color-black, 15%);
+        background: lighten($color-black2, 15%);
     }
 }
 
 .emailInfo h3 {
-    color: $color-black !important;
+    color: $color-black2 !important;
+}
+
+#orderform-title {
+    margin-bottom: 28px !important;
 }
 
 #cart-title,
 #orderform-title {
-    color: $color-gray2;
+    color: $color-black2;
     font-family: $font-family;
-    font-weight: 500;
+    height: 33px;
-    font-size: 36px;
+    line-height: 33px;
-    line-height: 42px;
+    margin: 17px 0 16px;
-    margin: 40px 0 30px;
+    font-weight: 700;
-    letter-spacing: 0.1em;
+    font-size: 24px;
+    letter-spacing: 0.05em;
     text-transform: uppercase;
 
+    @include mq(xxl, min) {
+        height: 65px;
+        font-weight: 700;
+        font-size: 48px;
+        line-height: 65px;
+        letter-spacing: 0.05em;
+    }
+
     @include mq(md, max) {
         margin-left: 30px;
     }
+
+    @include mq(l, max) {
+        margin-left: 16px;
+    }
 }
 
 .dropdown {