@Cyberi4n @jpmelguizo valid concerns. Yes background-origin: content-box; would be a nice fix here. So the extra div is only needed for when the element need a border.
For the nesting issue and the feeling of “too many divs” - that nesting to create border method was meant for individual elements. Occasionally a button would need a border and we need a way to do that. In this case the whole button and the space out of it is an element, not just the button text and the space surrounding the text.
If we create a pseudo element to fake the correct border and reset the padding of the button, that could be even more messy than having an extra div.
And if you mean the structural borders - they should only be applied to the .container divs, not the .element divs.