From e897a62fedc40508f793fffd3653dcfe56998a45 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Fri, 10 Feb 2023 18:27:55 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20estiliza=C3=A7=C3=A3o=20do=20bot=C3=A3o?=
 =?UTF-8?q?=20de=20quantidade=20feita?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react/components/Html/styles.css               |  4 ++--
 styles/css/vtex.product-quantity.css           | 11 +++++++++++
 .../pages/product/vtex.product-quantity.scss   | 18 +++++++++++++++++-
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 89df3a6..306ef9b 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -1,12 +1,12 @@
 [class*="html--pix"] {
   display: flex;
+  align-items: center;
+  gap: 26px;
  }
 
  [class*="html--cart-button"] {
   display: flex;
   gap: 10px;
 
- }  vtex-button{
-  background-color: black;
  }
 
diff --git a/styles/css/vtex.product-quantity.css b/styles/css/vtex.product-quantity.css
index c804fac..4c63623 100644
--- a/styles/css/vtex.product-quantity.css
+++ b/styles/css/vtex.product-quantity.css
@@ -12,4 +12,15 @@
 }
 .quantitySelectorContainer .quantitySelectorTitle {
   display: none;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__input) {
+  border-left: none;
+  border-right: none;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
+  background-color: #fff;
+  color: #000;
+}
+.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
+  color: #000;
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.product-quantity.scss b/styles/sass/pages/product/vtex.product-quantity.scss
index 709a4cf..c8ab155 100644
--- a/styles/sass/pages/product/vtex.product-quantity.scss
+++ b/styles/sass/pages/product/vtex.product-quantity.scss
@@ -3,6 +3,22 @@
   .quantitySelectorTitle {
     display: none;
   }
-}
+  .quantitySelectorStepper :global(.vtex-numeric-stepper__input){
+    border-left: none;
+    border-right: none;
+    }
+
+    .quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
+      background-color: #fff;
+      color: #000;
+    }
+
+    .quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
+      color: #000;
+    }
+
+
+  }
+