BEM block: display property and sizing?

Question

BEM

1) Quote from documentation

The block should not affect its environment, i.e. the block should not be given external geometry (in the form of padding, borders that affect dimensions) and positioning.

Does this include the display property ? For example, I have a button <button class="button"></button>with display: inline-flex , which is a BEM block. I mix it with some BEM positioning element <button class="button content__button"></button>. But if suddenly there is a different display property in .content__button , then the button will fall apart. It's not a normal situation that the mix will break the layout of the entire block? 2) There is a button that should have fixed dimensions of 100x50 . How to lay it out according to the BEM methodology? Do outer wrappers?

<div class="button">
  <button class="button__inner" style="width:100px;height:50px"></button>
</div>