Issue with CSS in button footer bar

See the attached plunk for the issue

I have created a button inside a footer bar. I want the button to come in middle . But it touching the lower boundary. When i debugged the CSS , I found that footer-bar height in 44px.and button height is 31 px. Till here things seems to be fine.But problem comes when there is a margin of 10px around the button by button-full css.

I can change the CSS , but am I doing something incorrect ? Can’t we fix this problem in main CSS library as I think usecase is valid ?

Any help on this will be highly appreciated?

Same here. I need a block button in the footer.