From 8f9edf916ec1121786f99d46e3f97e1b6d6fcc53 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Thu, 26 Jan 2023 10:29:41 -0300
Subject: [PATCH] feat: adicionando styles.css ao componente Html

---
 react/components/Html/index.tsx  |  1 +
 react/components/Html/styles.css | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 react/components/Html/styles.css

diff --git a/react/components/Html/index.tsx b/react/components/Html/index.tsx
index d60d7f5..0a215b6 100644
--- a/react/components/Html/index.tsx
+++ b/react/components/Html/index.tsx
@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { useCssHandles } from "vtex.css-handles";
+import "./styles.css"
 
 const CSS_HANDLES = ["html"] as const;
 
diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
new file mode 100644
index 0000000..23bdc01
--- /dev/null
+++ b/react/components/Html/styles.css
@@ -0,0 +1,18 @@
+/* Product Quantity and Add To Cart Button */
+
+[class*="html--cart-content"] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 10px;
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+
+[data-testid="product-quantity"]{
+  height: 49px;
+}
+
+[data-testid="add-to-cart-button"]{
+  width: 100%;
+}