Reveal Text Animation


I want to reveal text on the click of a button. Everything is set up, however I want the hidden text to “grow” into visibility. I’m using the size animation on the block containing the text.

But when I set % to grow, from 0-100%. I dosent grow, it just pops open. And when I set px it grows, however since it is on a set amount of pixels it grows more or less than the space the texts takes on different breakpoints and pushes up or down my “hide text” button.

Anyone know how to make the block containing the text to grow to the same height that the text takes?

It is under “sapling designs”, the buttons wrapper is the trigger:

Here is my public share link: LINK
(how to access public share link)