/* Hide legacy + New Ingredient*/
body.hide-ingredient-button .add-ingredient-btn {
  display: none;
}

button,
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  appearance: none;

  color: #111;
  -webkit-text-fill-color: #111;

  background-color: #ffffff;
  border: 1px solid #cfd3dc;
  border-radius: 10px;
  padding: 10px 14px;

  font: inherit;
  line-height: 1.2;
}

.btn-primary {
  background-color: #111;
  border-color: #111;

  color: #fff;
  -webkit-text-fill-color: #fff;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  outline: 2px solid rgba(0,0,0,0.2);
  outline-offset: 2px;
}


input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}