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;