challenge-vtex-io-leonardo-pereira-rocha/react/components/Html/styles.css

[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__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;
}

[class*="numeric-stepper__input"] {
  height: 49px;
  position: relative;
}

[class*="numeric-stepper__plus-button"] {
  height: 49px;
  position: relative;
}

[class*="skuSelectorInternalBox"] {
  border-radius: 24px;
  position: relative;
  width: 40px;
  height: 46px;
}

[class*="frameAround"] {
  border-radius: 24px;
  width: 48px;
  height: 48px;
  border-color: black;
}

[class*="skuSelectorItemTextValue"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[class*="installments--m3-custom-installments"] {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}

[class*="productNameContainer"] {
  text-align: end;
}

[class*="shippingContainer"] :global(.vtex-button) {
  background-color: black;
  color: white;
  font-size: 0;
  width: 49px;
  height: 49px;
  background-color: black;
  color: white;
  font-size: 0;
  position: relative;
  width: 49px;
  height: 49px;
  left: 45.5%;
  bottom: 110px;
}

[class*="shippingContainer"] :global(.vtex-button::after) {
  content: "OK";
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 30%;
  left: 23%;
}

[class*="shippingContainer"] :global(.vtex-input-prefix__group) {
  width: 45.532%;
  height: 49px;
}

[class*="vtex-address-form__postalCode-forgottenURL"] {
  position: relative;
  color: black;
  bottom: 44px;
  left: 52%;
  margin-left: 32px;
}

[class*="productDescriptionTitle"] {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
}

[class*="productDescriptionContainer"] {
  margin-left: 32px;
}

[class*="productDescriptionContainer"]:global(.content) {
  width: 632px;
  height: 66px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}

[class*="listContainer"] {
  justify-content: space-between;
  color: black;
  background-color: transparent;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 25px;
}

[class*="listContainer"] :global(.vtex-button__label) {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

[class*="listContainer"] :global(.vtex-button__label):hover {
  background-color: transparent;
}

[class*="listItemActive"] :global(.vtex-button) {
  color: black !important;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

[class*="listItem"] :global(.vtex-button) {
  color: #bfbfbf;
  border-radius: 0;
}

[class*="listItem"] :global(.vtex-button):hover {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
}

[class*="listItemActive"] {
  color: black;
}

[class*="pv2"] {
  padding-top: 0;
  padding-bottom: 0;
}

[class*="ma2"] {
  margin-top: 0;
  margin-bottom: 0;
}

[class*="listItemActive"] :global(.vtex-button:hover) {
  background-color: transparent;
  border: none;
}

[class*="listContainer"] :global(.vtex-button__label:hover) {
  color: black;
  background-color: transparent;
  border: none;
}

[class*="imageNormal"] {
  max-width: 434.4px;
  max-height: 434.4px;
}

[class*="newsletter"] {
  color: white;
}

[id*="newsletter-input"] {
  color: white;
  background: black;
  border: none;
}

[class*="t-heading-3"] {
  content: "Teste \n teste 2";
  margin-bottom: 57px;
  font-size: 0;
}
[class*="t-heading-3"]::after {
  content: "Assine nossa newsletter";
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  position: relative;
  bottom: 47px;
}

[class*="textNewsletter"] {
  color: white;
  position: relative;
  top: 38px;
}

[class*="newsletter"]:global(.vtex-input-prefix__group) {
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
}

[class*="buttonContainer"] :global(.vtex-button) {
  border: none;
  border-bottom: 2px solid white;
  background-color: black;
  border-radius: 0;
  position: relative;
  right: 12px;
}