JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contblock">
<a href="#" title=""><div class="contbottom anim">Подробнее</div></a>
<div style="clear:both"></div>
</div>

CSS

.contblock{
width: 704px;
margin-bottom: 40px;
background:#3B516B;
padding: 50px;
}
.contbottom{
background:#112236;
float: right;
display: inline-block;
height:35px;
line-height:35px;
text-align: center;
padding: 0 15px 0 15px;
color: #ffffff;
font-size:12px;
text-transform: uppercase;
font-weight:600;
}
.contbottom:hover{
background:#00B3E6;
}
.contbottom:hover .contblock {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}