challenge-vtex-io-amanda-almeida/react/components/Html/styles.css

[class*="html--product-main"] {
  display: flex;
  gap: 32px;
  padding: 16px 40px 0;
}

[class*="html--stack-layout"],
[class*="html--right-col"] {
  width: 48.824%;
}

[class*="html--right-col"] {
  display: flex;
  flex-direction: column;
}

[class*="html--container-quantity-button"] {
  display: flex;
  gap: 10px;
}

[class*="html--cart-button"] {
  width: 78.94%;
  height: 49px;
}

[class*="html--prateleira"] {
  padding: 16px 40px 64px;
}

[class*="html--price"] {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  [class*="html--product-main"] {
    flex-direction: column;
  }

  [class*="html--stack-layout"],
  [class*="html--right-col"] {
    width: 100%;
  }

  [class*="html--cart-button"] {
    width: 85.39%;
  }
}

@media screen and (max-width: 375px) {
  [class*="html--container-quantity-button"] {
    flex-direction: column;
  }
  [class*="html--cart-button"] {
    width: 100%;
    height: 74px;
  }
}