Quiero agregar una clase que haga que un botón se vea deshabilitado con calssList.add, me costó mucho snice ayer con esto ya que no puedo ver ninguna diferencia en el botón, incluso si veo en el inspector que el botón está teniendo la clase css que quiero agregar, no hace ningún cambio.

###js

 if (numberCheckboxChecked >= 3 && selectedLayout=='Layout1') { alert("You can't have more than two articles in this layout"); saveButton.disabled = true; saveButton.classList.add("fl-button-disabled");

CSS

 .fl-settings-save.fl-button.fl-button-large.fl-button-disabled{ pointer-events: none; color: #666666; background-color: gray; border: 1px solid gray; }