JSFiddle - React, Tailwind, and code Playground

HTML

<div><a href="#">Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка Многострочная ссылка </a></div>

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;
    text-decoration:none;
}
div a:hover{
    background-color:#424242;
    color:#fff;
}