<meta name="viewport" content="width=device-width, initial-scale=1.0">
<tr onclick="document.location = https://ya.ru';">
tr{
cursor:pointer;
}
ul li a{
position: relative;
display: block;
width: 80px;
height: 80px;
background: #fff;
text-align: center;
transform: perspective(0px) rotate(-30deg) skew(25deg) ;
transition: .5s;
box-shadow: -20px 20px 10px rgba(0,0,0,.5);
}
li a::before {
display: inline-block;
content: '/';
color: #9f024e;
font-size: 18px;
line-height: 1;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 420px) {
.table-item{
flex-direction: column;
}
}