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;  
    border:1px solid red; 
    transition: 0.5s;
    background:rgba(255,255,0,0.5); 
    
}
.vl_block:hover{ 
     background:rgba(255,255,0,1); 
  
}