.product-form__submit{
  --color-button: var(--button-color-background);
  --color-button-text: var(--button-color-text);
  --gradient-button: var(--button-gradient-background);
  --color-button-border: var(--button-color-background);
  --color-button-hover: var(--button-color-background-hover);
  --color-button-text-hover: var(--button-color-text-hover);
  --gradient-button-hover: var(--button-gradient-background-hover);
  --color-button-border-hover: var(--button-color-background-hover);
}

.product-form__submit:disabled svg, 
.product-form__submit[aria-disabled='true'] svg,
.product-form__submit.disabled svg{
  display: none;
}

@media screen and (hover: hover) {
  .product-form__submit:hover {
    color: rgba(var(--color-button-text-hover), 1);
    border-color: rgba(var(--color-button-border-hover), 1);
    background: rgba(var(--color-button-hover), 1);
    background: var(--gradient-button-hover);
  }
}