From 2851458225f20e4a30e7ec0e1ab054c200bdf980 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Thu, 15 Dec 2022 14:15:04 -0300
Subject: [PATCH] feat: adiciona css checkout entrega 1280px

---
 .../sass/checkout/_checkout-carrinho.scss     | 56 +++++++++++--------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 8ef73ac..53b4d39 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -512,6 +512,10 @@
             .srp-data {
                 width: 280px;
 
+                .ship-country {
+                    display: none;
+                }
+
                 @include mq(cstm, max) {
                     width: calc(100vw - 32px);
                 }
@@ -521,15 +525,15 @@
                 }
 
                 .srp-pickup-my-location__button {
-                    background-color: $color-black;
+                    background-color: $color-blue;
                     border: none;
-                    border-radius: 5px;
+                    border-radius: 8px;
                     color: $color-white;
                     outline: none;
                     width: 100%;
-
+                    height: 42px;
                     font-style: normal;
-                    font-weight: 500;
+                    font-weight: 700;
                     font-size: 14px;
                     line-height: 16px;
                     letter-spacing: 0.05em;
@@ -545,7 +549,7 @@
             }
 
             .srp-toggle {
-                margin: 0 0 34px;
+                margin: 0 0 20px;
 
                 &__wrapper {
                     background-color: $color-white;
@@ -560,12 +564,12 @@
                 }
 
                 &__current {
-                    border: 1px solid $color-blue;
+                    border: 1px solid $color-black;
                     border-radius: 100px;
                 }
 
                 .blue {
-                    color: $color-blue;
+                    color: $color-black;
                 }
 
                 label {
@@ -597,15 +601,16 @@
                         font-size: 12px;
                         height: 36px;
                         padding: 12px 8px;
-                        width: 172px;
+                        width: 132.31%;
                     }
 
                     & ~ button {
-                        background-color: $color-black;
+                        background-color: $color-blue;
                         border: none;
-                        border-radius: 5px;
+                        border-radius: 8px;
                         color: $color-white;
-                        font-size: 12px;
+                        font-weight: 700;
+                        font-size: 14px;
                         height: 36px;
                         letter-spacing: 1px;
                         outline: none;
@@ -613,26 +618,31 @@
                         right: -150px;
                         top: 36px;
                         transition: all 0.2s linear;
-                        width: 96px;
+                        width: 76.93%;
                         text-transform: uppercase;
 
-                        &:hover {
-                            background-color: lighten($color-black, 5);
-                        }
+                        // &:hover {
+                        //     background-color: lighten($color-black, 5);
+                        // }
 
-                        &:active {
-                            background-color: darken($color-black, 5);
-                        }
+                        // &:active {
+                        //     background-color: darken($color-black, 5);
+                        // }
                     }
 
                     small a {
-                        font-family: $font-family;
+                        font-family: "Tenor Sans";
                         font-style: normal;
                         font-weight: normal;
-                        font-size: 10px;
-                        line-height: 12px;
-                        color: $color-blue;
-                        margin-top: 7px;
+                        font-size: 0;
+
+                        &::after {
+                            content: "Não sei o meu código postal";
+                            font-size: 9.3px;
+                            font-weight: 400;
+                            color: $color-black;
+                            margin-top: 7px;
+                        }
                     }
 
                     span.help.error {