puppeteer cannot click #shadow-root

I have a problem to click on div inside a shadow-root with puppeteer, I found on others forum an answer :

 const buttonHandle = await page.evaluateHandle(() => {
        return document.querySelector("beop-widget").shadowRoot.querySelector("div > div > div > div > div > div > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > div > div > div > div:nth-child(2) > div > div > div > div:nth-child(5) > div > div > div > div > div.BeOp__QuestionChoiceTextBlock > div")
    })

I get the selector with google chrome js path, But ButtonHandle is still null…

I try to click on one on these choices

If someone has an idea to help me 🙂

thanks in advance 🙂

https://www.republicain-lorrain.fr/sport/2022/03/08/football-quelle-rencontre-de-deuxieme-division-de-district-souhaitez-vous-que-l-on-aille-couvrir-ce-dimanche?fbclid=IwAR2Fhmv-1EQp-gajnOYvzWwWMtay8wfQi3kn9pr0mH7Rbng-SNIlQ5ravWQ