Criei um CSS para o botão de remover para o projeto ficar mais bonitinho.
.item{
justify-content: space-between;
}
.bt-remover {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color:#c03527;
color: white;
opacity: 0;
transition: all ease-in-out .3s;
cursor: pointer;
}
.bt-remover:hover {
opacity: 1;
}
Para ele funcionar, é óbvio que é preciso adicionar uma linha de código à função botaoDeleta(), que seria:
elementoBotao.classList.add('bt-remover');
