challenge-vtex-io-sabrina-miranda/react/components/Html/styles.css

[class*="html--pdp-breadcrumb"] {
  background-color: #FFFFFF;
}

[class*="html--product-main"] {
  width: 94.4444%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 48.8% 51.2%;
}

[class*="html--stack"] {
  grid-area: 1/1;
}

[class*="html--right-col"] {
  grid-area: 1/2;
  margin-left: 32px;
}

[class*="html--buy-button"] {
  width: 100%;
}

[class*="html--add-to-cart-button"] button {
  background-color: #000000 !important;
  border: none;
  width: 100%;
  height: 49px;
  padding-top: 12px;
  padding-bottom: 12px;
}

[class*="html--product-quantity-cart-button"] {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  gap: 10px;

  width: 100%;
  height: 49px;
}

[class*="html--product-quantity-cart-button"] input{
  height: 49px;
  width: 32px;

  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}

[class*="html--product-quantity-cart-button"] button{
  height: 49px;
  background-color: #FFFFFF;

  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

[class*="html--shipping-simulator"] button {
  background-color: #000000;
  border: none;
  width: 49px;
  height: 49px;
}

[class*="html--shipping-simulator"] a {
  color: #000000;
}

[class*="html--shipping-simulator"] svg {
  display: none;
}