Explorei algumas alternativas , alterar Status apenas para didática geraram o mesmo resultado css - colocada abaixo da classe container__botao-desabilitado, não está muito limpo mas entender
.container__botao-desabilitado2 {
/*border-radius: 16px;*/
background: #6f6f70;
/*padding: 16px 24px;
font-size: 24px;
width: 100%;
font-weight: 700;
border: none;
cursor: not-allowed;*/
}
function alterarStatusBotao(){
let botao = document.getElementById(`btn-reiniciar`);
if(botao.classList.contains(`container__botao-desabilitado`)){
/*botao.classList.remove(`container__botao-desabilitado`);
botao.classList.add(`container__botao`);*/
// o metodo replace , substitui o metodo add e remove
botao.classList.replace(`container__botao-desabilitado`, `container__botao`);
}else{
botao.classList.remove(`container__botao`);
// o metodo ADD() pode adicionar mais de uma classe
botao.classList.add(`container__botao-desabilitado`,`.container__botao-desabilitado2`)
}
}