.quantity-input {
  display: flex;
  width: 142px;
  align-items: center;
  height: 48px;
  border: 1px solid #1a1a1a;
  border-radius: 2px;
}

.quantity-input:hover {
  box-shadow: 0 0 0 0.5px black;
}

.quantity-input input {
  flex: 1;
  border: none;
  text-align: center;
  height: 100%;
  width: 100%;
}

.quantity-input input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__button:hover {
  color: rgb(var(--color-button-background));
}

.quantity__button:disabled {
  cursor: no-drop;
}

.quantity__button {
  width: 45px;
  height: 100%;
}

.quantity__input {
  padding: 0 5px;
}