JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cat-box bot-row">
    <h4>Hello World!</h4>
	<p>Info</p>
</div>

CSS

.bot-row:hover {
	transition: all 0.3s ease-in-out;
    transform: translate(10px,10px);
}

.cat-box {
    background-color: grey;
	outline: #DDD8D4 solid 3px;
	padding: 3px 5px 5px 5px;
	margin: 10px 30px 10px 30px;
	transition: all 0.3s ease-in-out;
}