From 77aedfc945e5e494a547fbd9f1cbbce437a93824 Mon Sep 17 00:00:00 2001
From: Sabrina Miranda <sabrina.miranda1@bol.com.br>
Date: Mon, 26 Dec 2022 13:33:32 -0300
Subject: [PATCH] feat: Aplica css mobile

---
 .../sass/checkout/_checkout-carrinho.scss     | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 1672f93..28841f8 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -675,6 +675,13 @@
                     }
                 }
 
+                .onda-v1 .relative,
+                .vtex-shipping-preview-0-x-pc .ship-country {
+                    @media (max-width: 375px) {
+                        width: 100%;
+                    }
+                }
+
                 button.shp-open-options {
                     background-color: $color-gray8;
                     border: none;
@@ -747,6 +754,10 @@
                         padding: 11px 63px;
                     }
 
+                    @media (max-width: 311px) {
+                        padding: 11px 18px;
+                    }
+
                     &:hover {
                         background-color: $color-blue3;
                     }
@@ -821,6 +832,12 @@
                 display: flex;
                 flex-direction: row;
 
+                .ship-postalCode {
+                    @media (max-width: 375px) {
+                        width: 63%;
+                    }
+                }
+
                 .ship-postalCode,
                 .ship-country {
                     label {
@@ -854,6 +871,10 @@
                             font-size: 24px;
                             line-height: 28px;
                         }
+
+                        @media (max-width: 375px) {
+                            width: 100%;
+                        }
                     }
 
                     input {
@@ -878,6 +899,10 @@
                             padding: 13px 16px;
                             margin-bottom: 5px;
                         }
+
+                        @media (max-width: 375px) {
+                            width: 100%;
+                        }
                     }
 
                     & ~ button {
@@ -914,6 +939,16 @@
                             top: 136px;
                         }
 
+                        @media (max-width: 375px) {
+                            width: 35%;
+                            right: 0;
+                        }
+
+                        @media (max-width: 320px) {
+                            font-size: 12px;
+                            padding: 8px 5px;
+                        }
+
                         &:hover {
                             background-color: $color-blue3;
                         }