feat: estiliza o botao do carrinho e o botao de adicionar

react/components/Html/styles.css

@@ -1,9 +1,26 @@
-[dataid*="product-images"] {
-  margin-left: 40px;
-  width: 80%;
-}
-
 [class*="productImageTag--main"] {
   max-width: 80.25%;
   object-fit: none;
 }
+
+[class*="flexRow--button-cart"] :global(.vtex-button) {
+  background-color: black;
+  border-color: black;
+  width: 97.952%;
+  height: 49px;
+}
+
+[class*="numeric-stepper__minus-button"] {
+  height: 49px;
+  position: relative;
+}
+
+[class*="numeric-stepper__input"] {
+  height: 49px;
+  position: relative;
+}
+
+[class*="numeric-stepper__plus-button"] {
+  height: 49px;
+  position: relative;
+}

store/blocks/pdp/product.jsonc

@@ -85,6 +85,7 @@
   },
   "product-images": {
     "props": {
+      "width": "40%",
       "contentType": "images",
       "showNavigationArrows": false,
       "showPaginationDots": false,
@@ -122,7 +123,6 @@
       "flex-layout.row#selling-price",
       "product-installments#m3-academy",
       "sku-selector",
-      "product-quantity",
       "product-assembly-options",
       "product-gifts",
       "flex-layout.row#buy-button",
@@ -162,6 +162,17 @@
       "marginBottom": 7,
       "blockClass": "button-cart"
     },
+    "children": ["product-quantity", "html#add-to-cart-button"]
+  },
+
+  "product-quantity": {
+    "props": { "width": "25%" }
+  },
+
+  "html#add-to-cart-button": {
+    "props": {
+      "testId": "add-to-cart-button"
+    },
     "children": ["add-to-cart-button"]
   },