JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewbox='0 0 80 80'>
    <polygon id=button points='50,0 80,80 0,80'/>
    <text x=40 y=50>HELLO</text>
</svg>

CSS

#button {
    cursor: pointer;
    fill: #900;
}

#button:hover {
    cursor: pointer;
    fill: #F00;
}
text {
    font-size:7px;
}