HTML

<button id="s3" href="#">hi</button>

CSS

#s3
{
color: rgba(255, 196, 0, 0.623);
transition: 1s ease-in-out;
background: transparent;
box-shadow: -10px -10px 20px rgba(255, 196, 0, 0.623);
border: none;
}
#s3:hover
{
color:rgba(0, 0, 255, 0.651);
transition: 1s ease-in-out;
box-shadow: 10px 10px 20px rgba(0, 0, 255, 0.651);
}