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); } } }