feat: adiciona css de frameAround

react/imagempix.css

@@ -5,6 +5,12 @@
 }
 .priceandp{
   margin-left: 26px;
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 25px;
+  color: rgba(0, 0, 0, 0.58);
 }
 .priceandp>p{
   margin: 0;

styles/css/vtex.store-components.css

@@ -39,3 +39,31 @@
   display: flex;
   flex-direction: column-reverse;
 }
+
+.frameAround,
+.skuSelectorInternalBox {
+  border-radius: 1.5rem;
+  z-index: 3;
+  padding: 0;
+}
+
+.skuSelectorSubcontainer--tamanho .skuSelectorItem {
+  height: 43px;
+}
+.skuSelectorSubcontainer--tamanho .frameAround {
+  width: 40px;
+  height: 40px;
+  bottom: -0.25rem;
+  top: 0rem;
+  left: 0rem;
+  right: -0.25rem;
+}
+.skuSelectorSubcontainer--tamanho .valueWrapper {
+  padding: 10px 11px;
+  width: 40px;
+  height: 40px;
+}
+
+.frameAround {
+  border-color: #000;
+}

styles/sass/pages/product/vtex.store-components.scss

@@ -28,3 +28,34 @@
   display: flex;
   flex-direction: column-reverse;
 }
+.frameAround,
+.skuSelectorInternalBox {
+  border-radius: 1.5rem;
+  z-index: 3;
+  padding: 0;
+}
+
+.skuSelectorSubcontainer--tamanho {
+  .skuSelectorItem {
+    height: 43px;
+  }
+
+  .frameAround {
+    width: 40px;
+    height: 40px;
+
+    bottom: -0.25rem;
+    top: 0rem;
+    left: 0rem;
+    right: -0.25rem;
+  }
+  .valueWrapper {
+    padding: 10px 11px;
+    width: 40px;
+    height: 40px;
+  }
+}
+
+.frameAround {
+  border-color: #000;
+}