Bottom allignment of footer using flexbox

Question

I am trying to use flexbox to get a card footer bottom aligned, but with that extra behavior that the content of the footer should expand the entire card instead of taking available space from the card content like illustrated below:

Is it possible using flexbox?

I have tried the following:

.card {
    display: flex;
    flex-direction: column;
}

.card .content {
    flex: 1 1 auto;
}

But this is not as desired as it takes the available space from the card content:

Any hints that can point me in the right direction is highly appreciated.