Botão desabilitado não fica cinza

Olá, Daniel!

Obrigada por compartilhar a solução que encontrou e colaborar aqui no fórum! :)

Parece que nesse caso, as cores personalizadas definidas no CSS estavam sobrescrevendo o estilo padrão do botão desabilitado. Isso pode acontecer, porque os estilos que você define no CSS têm prioridade sobre os estilos padrão do navegador.

Você também pode definir um estilo específico para o botão quando ele está desabilitado. No CSS, você pode fazer isso usando o seletor :disabled. Aqui está um exemplo:

.button:disabled {
    background-color: cinza;
    border-color: cinza;
}

Neste exemplo, quando o botão estiver desabilitado, o fundo e a borda do botão ficarão cinzas. Você pode alterar as cores conforme achar melhor.

Esta é apenas uma sugestão e pode não funcionar perfeitamente dependendo do restante do seu código. Mas é um bom ponto de partida.

Abraços e bons estudos!