JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>HOME</span></div>

CSS

div{
    overflow: hidden;
    margin: 50px 50px;
    width: 150px;
    height: 150px;
    background: #111;
    transform: rotate(45deg)
}
span{
    margin-top: 25px;
    margin-left: 25px;
    display:block;
    text-align: center;
    width: 95px;
    height:20px;
    padding: 37px 0;
    transform:rotate(-45deg);
    color: white;
    border: 2px solid #fff;
    border-radius: 50px 50px;    
}