Show text on hover and expand div

Hi, I am trying to create a card which contains an icon, a heading and some text. On initial view, I want only the icon and heading to be seen, and on hover, I want the card to expand down and reveal the text.

I have tried using the hover interaction, with show/hide settings for the text, but there is no control over easing when the block expands to show the text.

How do i achieve this?

Thanks for the help!