I've got a link to a typeform quiz on my site, using the code they provide given instructions here: http://helpcenter.typeform.com/hc/en-us/articles/200065866-Overview-of-embedding-options (I use the popup drawer style that slides out from the side)
I would like to use my css styles on the link to match the rest of my site, but changing the class seems to break things. When I change the class on the link to
How can I change the appearance of the button without losing the functionality?
Here's what it looks like when I use the typeform class, typeform + mine, and mine alone: https://i.stack.imgur.com/t4xmI.png
Here's the code:
<a
class="typeform-share"
href="https://mysite.typeform.com/to/url"
data-mode="2"
target="_blank">
Take quiz now!
</a>
<script>
(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}id=id+'_';if(!gi.call(d,id)){qs=ce.call(d,'link');qs.rel='stylesheet';qs.id=id;qs.href=b+'share-button.css';s=gt.call(d,'head')[0];s.appendChild(qs,s)}})()
</script>
edit: Added the image showing what happens when I play with the classes.