JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button">
        <span class="inner"> div </span>
    </div>

    <button class="button">
        <span class="inner"> button </span>
    </button>

CSS

.button {
    display:inline-block;
    background: red;
    border: none; padding: 0;
    margin: 20px;
    position:relative;
    width:60px;
    height:60px;
    vertical-align:top;
}
.inner {
    display:block;
    background: rgba(0,0,255,0.5);
    position:absolute;
    top:-20px;
    bottom:-20px;
    left:-20px;
    right:-20px;
}