Force same height on all pricing tables in a row and push footer to bottom

Elementor Price Table Align Height

.elementor-widget-price-table, .elementor-widget-price-table>div, .elementor-price-table {
    height: 100%;
}

.elementor-price-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.elementor-price-table__footer {
    margin-top: auto;
}

Cheers! ;-)

Thanks for the code, but for some reason it doesn't seem to work for me. Is it because I am using containers? The code causes the table to jump to 100% of viewport height.

Love it thank you