From 2ea4f4e4555e2bc8e4f9521c3161c53454d63293 Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Sun, 18 Dec 2022 13:26:21 -0300
Subject: [PATCH] fix(cupom-button): Adiciona estilo que ficou faltando no
 botao de cupom

---
 .../sass/checkout/_checkout-carrinho.scss     | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 0b324ae..e95a08c 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -703,6 +703,7 @@
                 }
 
                 .coupon-label label {
+                    display: flex;
                     margin-bottom: 12px;
                     font-family: $font-family;
                     font-style: normal;
@@ -715,6 +716,7 @@
 
                 .coupon-fields {
                     margin-bottom: 32px;
+                    display: flex;
 
                     @include mq(sm, max) {
                         span {
@@ -735,9 +737,9 @@
                         box-shadow: none;
                         color: $color-gray4;
                         font-size: 12px;
-                        height: 34px;
+                        height: 36px;
                         padding: 0 12px;
-                        max-width: 160px;
+                        max-width: 204.32px;
 
                         @include mq(sm, max) {
                             max-width: 100%;
@@ -746,17 +748,18 @@
                     }
 
                     button {
-                        background: $color-black;
+                        background: $color-blue2;
                         border: none;
                         border-radius: 5px;
-                        color: $color-white;
-                        font-size: 12px;
+                        color: $color-black2;
+                        font-weight: 400;
+                        font-size: 14px;
+                        line-height: 19px;
                         height: 36px;
                         letter-spacing: 1px;
-                        margin-left: 6px;
+                        margin-left: 15.17px;
                         outline: none;
                         transition: all 0.2s linear;
-                        width: 94px;
                         text-transform: uppercase;
 
                         @include mq(md, max) {
@@ -764,11 +767,11 @@
                         }
 
                         &:hover {
-                            background-color: lighten($color-black, 5);
+                            background-color: lighten($color-blue, 5);
                         }
 
                         &:active {
-                            background-color: darken($color-black, 5);
+                            background-color: darken($color-blue, 5);
                         }
                     }
                 }