Как я могу реализовать свое решение с помощью MutationObserver

Question

У меня есть собственный код, в котором я заменяю текст кнопки:

document.addEventListener('click', () => {
    const searchModule = document.querySelector('.SLT-module6');
    const searchModuleRoot = searchModule && searchModule.shadowRoot;
    if(searchModuleRoot) {
        const searchButton = searchModuleRoot.querySelector('.SLT-SearchFilters-transparent__searchToursButton');
        if(!searchButton) {
            var searchButtonInterVal = setInterval(function() {
                console.log("Try again!")
                const searchButton = searchModuleRoot.querySelector('.SLT-SearchFilters-transparent__searchToursButton');
                if(searchButton) {
                    searchButton.innerText = "Search";
                    clearInterval(searchButtonInterVal);
                }
                
            }, 1000)
        }
    }
});

Почему я делаю это при каждом щелчке по документу?

Потому что на моем сайте многие части являются теневыми root элементами и кадры и там загружаются медленно.

Могу ли я сделать это, используя MutationObserver или выполняя свой код?