challenge-vtex-io-Filipe-Quintanilha/react/components/Html/styles.css

[class*='html--quantity-wrapper'] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

[class*='vtex-product-quantity-1-x-quantitySelectorContainer'] {
  margin: 0;
}

[class*='quantitySelectorTitle'] {
  display: none;
}

[class*='vtex-numeric-stepper-container'] {
  margin-right: 10px;
  height: 49px;
}

[class*='vtex-numeric-stepper__input'],
[class*='vtex-numeric-stepper__plus-button'],
[class*='vtex-numeric-stepper__minus-button'] {
  height: 49px;
}

[class*='vtex-numeric-stepper__input'] {
  border: 1px solid #afafaf;
  border-right: none;
  border-left: none;
  color: #929292;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  width: 44px;
}

[class*='vtex-numeric-stepper__minus-button'] {
  border: none;
  border: 1px solid #afafaf;
  border-radius: 0;
}

[class*='vtex-numeric-stepper__minus-button-container'],
[class*='vtex-numeric-stepper__minus-button__text'] {
  border: none;
}

[class*='vtex-numeric-stepper__plus-button'] {
  border: none;
  border: 1px solid #afafaf;
  border-radius: 0;
}

[class*='vtex-numeric-stepper__plus-button-container'],
[class*='vtex-numeric-stepper__plus-button__text'] {
  border: none;
}

[class*='vtex-numeric-stepper__plus-button__text'],
[class*='vtex-numeric-stepper__minus-button__text'] {
  display: flex;
  align-items: center;
  color: #000000;
}

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

@media screen and (max-width: 768px) {
  [class*='html--quantity-wrapper'] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}