JSFiddle - React, Tailwind, and code Playground

by alexcoady

HTML

<button class="bottom">BOTTOM</button>
<button class="top">TOP</button>

CSS

button.top {
    margin-top: 3px;
    border: solid red;
    border-width: 1px;
}

button.top:hover {
    border-top-width: 4px;
    margin-top: 0;
}

button.bottom {
    margin-bottom: 3px;
    border: solid red;
    border-width: 1px;
}

button.bottom:hover {
    border-bottom-width: 4px;
    margin-bottom: 0;
}