Adding div around button causes it to lose flexbox properties

Question

In the example below, "Flex item 2" stretches horizontally since one of the parent divs has flex-column and align-items is stretch by default. Why doesn\'t the but