Padding on link embedded code not clickable (Typeform)

Hey Webflow-crew!

I’m embedding some code in my navigation banner (top right “inschrijven”). It looks exactly how I want it, but the padding in the button isn’t clickable or used to follow the hyperlink/popup-script. Any suggestions?

The custom code is:

> <a class="typeform-share link" href="" data-mode="popup" style="color:#FFFFFF;font-size:14px;" data-size="100" data-hide-headers="true" data-hide-footer="true" target="_blank">Inschrijven </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b=""; if(!,id)){,"script");; js.src=b+"embed.js";,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

The element path is:


Here is my site Read-Only: Read Only Link