читал много уроков по CSS flex box и CSS сеткам, но, честно говоря, я просто не могу понять, как сделать эту простую (?) Вещь.

Все, что я хочу, это чтобы элементы в контейнере были такими же широкими, как и самый широкий элемент.

Я не хочу, чтобы они заполняли всю ширину контейнера, просто все растут до максимальной ширины. Можно ли это сделать с помощью CSS?

Рассмотрим этот HTML:

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

Это производит что-то вроде этого:

Я хочу что-то вроде этого, где они имеют ширину самой широкой кнопки:

Я не хочу, чтобы они просто растягивались, чтобы заполнить ширину страницы:

Можно ли это сделать? Если так, что будет CSS для вышеупомянутого HTML?