JSFiddle - React, Tailwind, and code Playground

HTML

<div class="diamond"><a href="http://google.com"></a></div>

CSS

body{
    padding: 100px;
}

div{
    width: 100px;
    height: 100px;
    background-color: darkred;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.diamond a{
    width: 100%;
    height: 100%;
    display: block;
}