JSFiddle - React, Tailwind, and code Playground

HTML

<button style="padding:1em; background-color:yellow" title="yellow background">
    <div style="padding:1em; background-color:red" title="red background">
        <div style="padding:1em; background-color:green" title="green background">
            <div style="padding:1em; background-color:blue" title="blue background">test</div>
        </div>
    </div>
</button>
<form>
    <button type="submit" style="padding:1em; background-color:yellow" role="button" disabled="disabled" title="yellow background">
        <div style="padding:1em; background-color:red" title="red background">
            <div style="padding:1em; background-color:green" title="green background">
                <div style="padding:1em; background-color:blue" title="blue background">test</div>
            </div>
        </div>
    </button>
</form>
<div style="padding:1em; background-color:red" title="red background">
    <div style="padding:1em; background-color:green" title="green background">
        <div style="padding:1em; background-color:blue" title="blue background">test</div>
    </div>
</div>

<div class="tile    assigned">
    <button style="padding:1em" class="layout disabled" type="submit" id="ns_Z7_00000000000000A0BR2B300M83_layout_1Column" disabled="disabled" > <span class="body"><span class="title" id="ns_Z7_00000000000000A0BR2B300M83_layout_1Column_label" title="1 column"><span lang="en" xml:lang="en" dir="ltr">1 column</span></span>
        </span>
    </button>
</div>