diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index dadc2b5..b24d13e 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -420,17 +420,17 @@ } .srp-pickup-my-location__button { - background-color: $color-black; + background-color: $color-blue2; border: none; - border-radius: 5px; + border-radius: 8px; color: $color-white; outline: none; width: 100%; font-style: normal; - font-weight: 500; + font-weight: 700; font-size: 14px; - line-height: 16px; + line-height: 19px; letter-spacing: 0.05em; &:hover { @@ -477,6 +477,10 @@ } .srp-postal-code { + .ship-country { + display: none; + } + .ship-postalCode { label { font-family: $font-family; @@ -485,14 +489,14 @@ font-size: 12px; line-height: 14px; color: $color-black; - margin-bottom: 12px; + margin-bottom: 2px; } input { border: 1px solid $color-gray3; border-radius: 5px; box-shadow: none; - color: $color-gray3; + color: $color-black2; font-size: 12px; height: 36px; padding: 12px 8px; @@ -500,9 +504,9 @@ } & ~ button { - background-color: $color-black; + background-color: $color-blue2; border: none; - border-radius: 5px; + border-radius: 8px; color: $color-white; font-size: 12px; height: 36px; @@ -510,10 +514,13 @@ outline: none; position: absolute; right: -150px; - top: 36px; + top: 26px; transition: all 0.2s linear; - width: 96px; + width: 100px; text-transform: uppercase; + font-weight: 700; + font-size: 14px; + line-height: 19px; &:hover { background-color: lighten($color-black, 5); @@ -525,16 +532,18 @@ } small a { - font-family: $font-family; + font-family: $font-family-secundary; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; - color: $color-blue; - margin-top: 7px; + color: $color-black2; + margin-top: 4px; + text-decoration-line: underline; } span.help.error { + display: none; color: red; font-size: 12px; position: absolute; @@ -688,17 +697,19 @@ } button { - background: $color-black; + background: $color-blue2; border: none; - border-radius: 5px; - color: $color-white; - font-size: 12px; + border-radius: 8px; + color: $color-black2; + font-weight: 400; + font-size: 14px; + line-height: 19px; height: 36px; - letter-spacing: 1px; + letter-spacing: 0.05em; margin-left: 6px; outline: none; transition: all 0.2s linear; - width: 94px; + width: 133px; text-transform: uppercase; @include mq(md, max) { @@ -812,14 +823,15 @@ &:after { content: "finalizar compra"; font-family: $font-family; - font-weight: 500; - font-size: 13px; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; letter-spacing: 0.05em; - color: $color-white; text-transform: uppercase; vertical-align: middle; - line-height: 19px; text-shadow: none; + color: $color-black2; } } } diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index 003a347..bb163c6 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -6,6 +6,8 @@ $font-family-secundary:"Tenor Sans", sans-serif; /* Colors */ $color-black: #292929; +$color-black2: #000000; + $color-white: #fff;