.field--quantity {
  width: 160px;
  max-width: 100%;
  display: flex;
  column-gap: 12px;
  align-items: center;
}
.field--quantity .field__control {
  width: calc(160px - var(--field-quantity-buttons-size, 46px) * 2 - 24px);
  height: 100%;
  text-align: center;
  font-weight: 500;
  font-size: calc(20px + 0 * var(--window-resize));
  color: var(--primary-color);
}
.field--quantity .button {
  --icon-size: 22px;
  --icon-fill: var(--primary-accent4);

  width: var(--field-quantity-buttons-size, 46px);
  min-width: var(--field-quantity-buttons-size, 46px);
  height: var(--field-quantity-buttons-size, 46px);
}
.field--quantity .button:hover {
  --icon-fill: var(--primary-accent);
}