JSFiddle - React, Tailwind, and code Playground

HTML

<div class="adicionar-produtos">
<button id="remove-vip" class="btn-produtos"> - </button>
<button id="add-vip" class="btn-produtos">+</button>
</div>

<div class="item-adicionado">
 <p class="item-adicionado-main"> </p>
 </div>

JavaScript

var botao_adicionar_vip = document.querySelector("button#add-vip");
var containerItemAdicionado = document.querySelector(".item-adicionado-main");
var botao_remover_vip = document.querySelector("#remove-vip");



botao_adicionar_vip.onclick = function() {

item_vip = document.createElement("p");
item_vip_text = document.createTextNode("Item Vip 1");
item_vip.className = "teste1";
item_vip.appendChild(item_vip_text);
containerItemAdicionado.appendChild(item_vip);

};


botao_remover_vip.onclick = function() {
document.querySelectorAll('.teste1').forEach(e => e.remove());
};