JSFiddle - React, Tailwind, and code Playground

HTML

<div class=vl_block><a href="http://site.com">ссылка</a>
    <br>текст
    <br>ещё текст</div>

CSS

body {
    background: #fff url("http://livelyn.net/templates/lwall/images/00.jpg") repeat;
}
.vl_block {
    width:200px;
    height:90px;
    padding:5px;
    background:linear-gradient(to left, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0.6) 8%);
}
.vl_block:hover {
    background:linear-gradient(to left, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 1) 8%);
}