JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="5" cellpadding="0" border="0" align="center" style="width: 100%;">
    <tbody><tr><td><div><a href="#">Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка </a></div></td><td><div><a href="#">Многострочная ссылка</a></div></td></tr>
        <tr><td><div><a href="#">Многострочная ссылка</a></div></td><td><div><a href="#">Многострочная ссылка</a></div></td></tr></tbody></table>

CSS

div{
    width:300px;
    height:300px;
    margin:0;
    border:1px solid black;
    border-radius: 14px;
}

div a{
    border-radius: 13px;
    display: table-cell;
    vertical-align: middle; 
    text-align:center;
    height: 300px;
    width:300px;
    text-decoration:none;
}
div a:hover{
    background-color:#424242;
    color:#fff;
}