<div>Btn</div>
div{
  width:140px;line-height:48px;
  text-align:center;
  margin:50px auto;
  color:#333;
  cursor:pointer;
  background:hsl(200, 60%, 60%);
  border:20px solid transparent;
  background-clip: padding-box;
}
div:hover{
  background:hsl(200, 60%, 50%);
  background-clip: padding-box;
}
div:active{
  background:hsl(200, 60%, 70%);
  background-clip: padding-box;
}
Rerun