Largura do elemento mais largo define a largura de todos os irmãos na linha

Eu já li muitos tutoriais sobre CSS flex boxes e grades de CSS, mas, francamente, não consigo descobrir como fazer essa coisa simples (?).

Tudo o que eu quero é que os elementos em um contêiner sejam tão amplos quanto o elemento mais amplo.

Eu não quero que eles preencham toda a largura do contêiner, apenas todos aumentam para a largura máxima. Isso pode ser feito com CSS?

Considere este HTML:

<div class="container">
   <button>a normal button</button>
   <button>tiny</button>
   <button>a really, really, really wide button</button>
</div>

Isso produz algo como isto:

O que eu quero é algo como isto, onde eles tenham toda a largura desse botão mais largo:

NÃO quero que eles apenas se estendam para preencher a largura da página:

Isso pode ser feito? Se sim, qual seria o CSS para o HTML acima?

questionAnswers(2)

yourAnswerToTheQuestion