essa foi a maneira que encontrei para resolver o desafio.
let mostrarEstoque = document.querySelector("#botao")
let ocultarEstoque = document.querySelector("#ocultar")
let botaoMostrar = mostrarEstoque.addEventListener("click", () => {
document.querySelector(".lista").hidden = false
})
let botaoOcultar = ocultarEstoque.addEventListener("click", () => {
document.querySelector(".lista").hidden = true
})
link do codePen com o código completo: https://codepen.io/Daniel-Alves27/details/OJwQNQN
Eu usei como base esse exemplo que a MDN mostra na documentação deles, achei mais fácil de entender utilizando ele: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/hidden