Hello! I have a custom class in my pages that applies styles to a link, however, when the link gets reformatted in mobile, it doesn't look good. See attached pictures, and the below gif shows the coding behind the class:
I would put the button into a <div> element rather than a <span> so that when the text breaks to the next line, it will appear within one big box. You may also need to adjust the line-height. If you want the text to all be on one line on mobile, you'd need to use media queries to change the font-size based on the screen width.