From c348984b4a83fb74d9c73c0829b362d66b0a4070 Mon Sep 17 00:00:00 2001
From: Leonardo <rochaleo879@gmail.com>
Date: Wed, 1 Feb 2023 18:30:25 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20transforma=20as=20op=C3=A7=C3=B5es=20de?=
 =?UTF-8?q?=20cor=20e=20tamanho=20em=20circulos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react/components/Html/styles.css | 35 ++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 61a1fdb..7a2437b 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -10,6 +10,20 @@
   height: 49px;
 }
 
+[class*="numeric-stepper__minus-button__text"] {
+  position: absolute !important;
+  left: 50%;
+  top: 85%;
+  transform: translate(-50%, -50%);
+}
+
+[class*="numeric-stepper__plus-button__text"] {
+  position: absolute !important;
+  left: 50%;
+  top: 85%;
+  transform: translate(-50%, -50%);
+}
+
 [class*="numeric-stepper__minus-button"] {
   height: 49px;
   position: relative;
@@ -24,3 +38,24 @@
   height: 49px;
   position: relative;
 }
+
+[class*="skuSelectorInternalBox"] {
+  border-radius: 24px;
+  position: relative;
+  width: 40px;
+  height: 40px;
+}
+
+[class*="frameAround"] {
+  border-radius: 24px;
+  width: 48px;
+  height: 48px;
+  border-color: black;
+}
+
+[class*="skuSelectorItemTextValue"] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}