.stepperInput {
  display: flex;
  align-items: center;
}

.stepperInput button {
  color: var(--text);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 950;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  padding: 0;
}

.stepperInput button:hover {
  background-color: var(--button-light);
}

.stepperInput button .stepperDecrease {
  margin: 0.125rem 0 0.125rem 0.25rem;;
}

.stepperInput button .stepperIncrease {
  margin: 0.125rem 0.25rem 0.125rem 0rem;;
}

.stepperInput button:disabled {
  background-color: #2f2a3b;
  cursor: not-allowed;
}

.stepperInput .stepperDisplay {
  font-size: 0.9rem;
  min-width: 3rem;
  text-align: center;
}