Как показать поле промокод по нажатию в корзине Tilda

<script>
document.addEventListener("DOMContentLoaded", function() {
    
(function () { 
    const triggerIcon = 'https://static.tildacdn.com/tild3064-3961-4966-b637-313836393936/discount.svg';
    const triggerText = 'Есть промокод?';
    let trggerElement = document.createElement('div');
    trggerElement.classList.add('pc-trigger', 't-text'); 
    trggerElement.innerHTML = `<img src="${triggerIcon}">${triggerText}`;
    
    const promoWrapper = document.querySelector(".t-input-group_pc");
    promoWrapper.insertAdjacentElement('beforeBegin', trggerElement);
    
    document.querySelector(".pc-trigger").addEventListener('click', function(event) {
        this.style.display = "none";
        promoWrapper.classList.add('show-promo');
    });
})();
});
</script>

<style>
.t-input-group_pc{
    display:none
}

.t-input-group_pc.show-promo{
    display:block
}

.t-inputpromocode__btn.t-btn {
    display: table-cell !important;
}
.pc-trigger img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.pc-trigger {
    font-weight: 600;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
}
</style>