Hello, I have seen many posts asking for buttons with multiple lines of text. The solutions I have seen require code, importing of photos onto buttons, or text in a container (I couldn’t get the text and icon in my container to animate at the same time when I hovered over it).
Here are related posts I found:
Fortunately, I have found a method of resolving this.
First, create a container and put two buttons inside with the text you want in each, as well as any icon you may want. Then, add a hover interaction to the container and select what you want each button and the icon to do when you hover over it. Make sure the timings are all set to zero, and it will all happen at the same time. Link whatever you want to the buttons, and you’re set.
For example, this is a before and after hover of two buttons and a rectangular Icon attached to a white (thus, invisible) container: