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 right, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 0, 1) 40%, rgba(255, 255, 0, 0.5) 60%, rgba(255, 255, 0, 0.5) 100%);
    background-size: 400%;
    transition-duration: .5s;
    background-position: -600px;
}
.vl_block:hover {
    'background-color:rgba(255, 254, 0, 1);
    background-position: 0px;
    transition-duration: .5s;
}