Responsive Text Size Within A Custom Code Button

Hi guys,

I have a button that is embedded as a custom code. It is a Typeform button (launches a pop-up quiz)

When I start resizing the browser window some of the text disappears. Please see here:

The embedded style code is the following:

...style="display:inline-block; text-decoration:none; background-color:#0A195A; color:#ECF7F9; cursor:pointer; font-family:Raleway, Helvetica,Arial,sans-serif; font-size:16px; line-height:35px; text-align:center; margin:0; height:80px; padding:20px 130px; border-radius:0px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;" target="_blank">OTA YHTEYTTÄ JA KYSY LISÄÄ!</a> <script> ...

thank you!

Here is my site Read-Only: https://preview.webflow.com/preview/causalus-com-mvp-e18f42b6647ea9eebf2991?utm_medium=preview_link&utm_source=designer&utm_content=causalus-com-mvp-e18f42b6647ea9eebf2991&preview=ea99a1f698e7d870511fbe5323ff5c09&workflow=preview