Using columns, it is possible to have the last widget aligned to the bottom of the row in each column.

The first image is done using a css class on the columns width "display: flex; flex-direction: column; justify-content: space-between; }", so the buttons which are the last items are aligned.
But if I develop a widget or use the price table for example and each widget has a different height, the last component of each widget will not be aligned and the height of each column is different. Because the widgets are embedded in wrappers it is not possible to use this flex possibility.

The look & feel is not the same with or without the buttons aligned.
How to get this effect inside a custom widget since the widget wrapper is seen as one unique flex component?
Using columns, it is possible to have the last widget aligned to the bottom of the row in each column.


The first image is done using a css class on the columns width "display: flex; flex-direction: column; justify-content: space-between; }", so the buttons which are the last items are aligned.
But if I develop a widget or use the price table for example and each widget has a different height, the last component of each widget will not be aligned and the height of each column is different. Because the widgets are embedded in wrappers it is not possible to use this flex possibility.
The look & feel is not the same with or without the buttons aligned.
How to get this effect inside a custom widget since the widget wrapper is seen as one unique flex component?