parentElement e a classe .done

Bom dia,

Minha dúvida é a seguinte: inseri, no código abaixo, um 'console.log' para verificar o pai do elemento.

const concluirTarefa = (evento) => {

    const tarefaCompleta = botaoConclui.parentElement;

    console.log(tarefaCompleta);

    tarefaCompleta.classList.toggle('done');

}

No meu console apareceu:

<li class="task done">
    <p class="content">comprar abacate</p>
    <button class="check-button">concluir</button>
    <button>deletar</button>
</li>

Minha pergunta é: se para aplicar a formatação de tarefa concluída no comprimento total do elemento precisamos colocar essa classe CSS no elemento pai do parágrafo, ou seja, na li, por que os textos "concluir" e "deletar" que estão dentro dos botões também não foram tachados, uma vez que eles também são filhos do li?