JSFiddle - React, Tailwind, and code Playground

HTML

<a href=""><div id="pagebuttonhome">HOME</div></a>

CSS

#pagebuttonhome {
width: 130px;
height: 30px;
background-color: #ffe0e8;
position: absolute;
overflow: hidden;
left: 30px;
bottom: 0px;
font-size: 17px;
letter-spacing: 2px;
text-align: center;
line-height: 30px;
color: #dc2d18;
}

#pagebuttonhome:hover {
background-color: #dc2d18;
color: #ffe0e8; 
height: 40px;
cursor: pointer;
}

#pagebuttonhome .active {
background-color: #dc2d18;
color: #ffe0e8; 
height: 40px;
cursor: pointer;
}