From 96267866dfb6712c68285541e978ecda512669ac Mon Sep 17 00:00:00 2001
From: Patrick Souza <patricksouza.pss@gmail.com>
Date: Fri, 16 Dec 2022 20:53:03 -0300
Subject: [PATCH] feat: criando o css do meu carrinho e no seu pedido

---
 .../sass/checkout/_checkout-carrinho.scss     | 40 ++++++++++---------
 .../src/arquivos/sass/utils/_variaveis.scss   |  2 +
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index b1e107b..a090633 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -155,7 +155,7 @@
             }
 
             a {
-                color: $color-blue;
+                color: $color-black;
                 font-family: $font-family-secundary;
                 font-style: normal;
                 font-weight: normal;
@@ -604,7 +604,9 @@
 
         &-totalizers {
             padding: 0;
-            width: 346px;
+            width: 100%;
+            max-width: 688px;
+            height: 320px;
 
             .coupon-data {
                 #cart-link-coupon-add {
@@ -615,13 +617,12 @@
                     }
                 }
                 span {
-                    font-family: $font-family;
-                    font-style: normal;
-                    font-weight: normal;
-                    font-size: 12px;
-                    line-height: 14px;
-                    color: $color-blue;
+                    font-family: $font-family-secundary;
+                    color: $color-black;
                     text-decoration: none;
+                    font-weight: 400;
+                    font-size: 24px;
+                    line-height: 28px;
                 }
             }
 
@@ -759,7 +760,9 @@
     .cart-links-bottom {
         display: flex;
         flex-direction: column;
-        width: 343px;
+        width: 100%;
+        max-width: 688px;
+        height: 55px;
 
         @include mq(md, max) {
             padding: 0 16px;
@@ -786,37 +789,38 @@
                 font-family: $font-family;
                 font-style: normal;
                 font-weight: normal;
-                font-size: 12px;
-                line-height: 14px;
-                color: $color-blue;
+                font-size: 24px;
+                line-height: 28px;
+                color: $color-black;
             }
         }
 
         .btn-place-order-wrapper {
             a {
-                background: $color-green;
+                background: $color-blue2;
                 border: none;
-                border-radius: 5px;
+                border-radius: 8px;
                 display: block;
                 font-size: 0;
                 transition: ease-in 0.22s all;
                 padding: 12px 19px;
 
                 &:hover {
-                    background-color: darken($color-green, 5);
+                    background-color: darken($color-blue2, 5);
                 }
 
                 &:after {
                     content: "finalizar compra";
                     font-family: $font-family;
-                    font-weight: 500;
-                    font-size: 13px;
                     letter-spacing: 0.05em;
-                    color: $color-white;
                     text-transform: uppercase;
                     vertical-align: middle;
                     line-height: 19px;
                     text-shadow: none;
+                    font-weight: 700;
+                    font-size: 28px;
+                    line-height: 38px;
+                    color: $color-black;
                 }
             }
         }
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index a7369bb..602fadf 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -18,6 +18,8 @@ $color-gray5: #e5e5e5;
 $color-gray6: #989898;
 
 $color-blue: #4267b2;
+$color-blue2:#00C8FF;
+$color-blue3:#00b7ff;
 
 $color-green: #4caf50;