Responsive 3 column preview card component using css grid and flexbox

Completed the website in just 90mins, but i faced a problem. Whenever i tried to increase the font-size of my paragraph, the design of the anchor tags(which i am using for the learn more button) breaked down. A mysterious whitespace is created under the button.

These are some solutions that i already tried ,but didn't work for me.

1. changing the anchor tags to button tags
2. making anchor tags inline-block

I thought, because the number of words(even their length) in each paragraph are different, the amount of space they are taking is different. That's what must be causing this issue. But i am not sure.

If anyone has a solution/suggestion for the problem, i will be very grateful 🙏. Thank you and happy coding.