Sujestão para deixar o boao novamente invisivel enquanto digita.

Olá, enquanto fazia a aula sobre alterar os ícones, me reparei com um bug, quando trocamos o botão de reiniciar por uma tag , quando deixamos ele disabled na função iniciaCronometro, porém o atributo disabled não funcionou na tag , então troquei a tag por uma tag de button comum e funcionou! Gostaria de saber se fiz corretamente ou se há uma maneira melhor de corrigir isso?

function inicializaCronometro() {
    var tempoRestante = $("#tempo-digitacao").text();
    campo.one("focus", function(){
        $("#botao-reiniciar").attr("disabled", true);
        var cronometroID = setInterval(() => {
        tempoRestante--;
        $("#tempo-digitacao").text(tempoRestante);
        if (tempoRestante < 1) {
            campo.attr("disabled", false);
            campo.addClass("campo-desativado");          
            clearInterval(cronometroID);                
            $("#botao-reiniciar").attr("disabled", false);
        }
    }, 1000);
}) 
}

<div class="botoes">
            <button class="btn-floating btn-large waves-effect waves-light red" 
            id="botao-reiniciar"><i class="material-icons">restore</i>
            </button>