How to stretch a part of a card by content?

Question

css

There are three cards in a row, normal content inside, layout via flex-direction: column
Actually, in the description part, the content size is different, and as a result, the position of the buttons under the content constantly jumps. How can I correctly set the rubber size for this description so that the buttons are always pressed to the bottom of the card?
The card does not have a fixed height.


Demo - https://codepen.io/Highlander/pen/zYZgQKX

Answer 1

Set margin-top: autofor Buttons

Answer 2

Allow the text element to grow by setting flex: 1 1 auto;Then it pushes the button to the bottom.