Button CSS Bug?

Hello

I have a strange behavior when I use buttons – this has to do with how they render on mobile devices.

I have 2 WordPress pages with identical “Shortcodes Ultimate” button code, yet they display the buttons differently on mobile.

I have tested the following:

– adding / removing my div tags
– adding / removing the strong tag
– testing wide = yes vs no (this seems that it could be an issue, wide behaves better)
– trying smaller fonts

On this page (on mobile) the yellow button renders perfectly:
https://www.adamrafferty.com/sample2/

However, on the live page – the shape of the button distorts, it gets taller:
https://www.adamrafferty.com/lesson-cool-move-on-an-a-chord/

I have tested identical code, and copied / pasted. No luck!

Hope you can help. I need the <div class> so I can trigger a popup with the link.

Thank you!

AR

• This topic was modified 7 years, 11 months ago by adamrafferty.

The page I need help with: [log in to see the link]