How can I undo the stretching of a FLEXBOX child element?

Question

css

Friends, there is a flexbox block, it has two nested elements, one is a button and the other is with content. They are both stretched to the full width of the parent. QUESTION. How to stop stretching to the full width of a button?
I don't want to give it a fixed width. It has its own content text, it should stretch along it.
https://codepen.io/Cheizer/pen/wLZQLy

Answer 1

align-items: flex-start;
Read more here