diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 993f5c7..1672f93 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -718,6 +718,10 @@ margin-bottom: 40px; } + @media (max-width: 1024px) { + margin-bottom: 0; + } + .srp-pickup-my-location__button { background-color: $color-blue2; border: none; @@ -1086,12 +1090,26 @@ line-height: 28px; } + @media (max-width: 1024px) { + padding: 0 16px; + } + } .coupon-fields { margin-bottom: 54px; display: flex; + span { + @media (max-width: 1024px) { + width: 100%; + } + + @media (max-width: 767px) { + padding: 0 16px; + } + } + input { background-color: $color-white; border: 2px solid $color-gray5; @@ -1116,7 +1134,19 @@ } @media (max-width: 1024px) { - width: 100%; + width: 84.4%; + } + + @media (max-width: 767px) { + width: 80.5%; + } + + @media (max-width: 573px) { + width: 58.6%; + } + + @media (max-width: 370px) { + width: 58%; } &::placeholder { @@ -1156,6 +1186,21 @@ @media (max-width: 1024px) { margin-left: 5px; + width: 14.5%; + } + + @media (max-width: 767px) { + padding: 8px 10px; + width: 18%; + } + + @media (max-width: 573px) { + width: 39%; + } + + @media (max-width: 370px) { + width: 38%; + padding: 8px 5px; } &:hover {