<div>Btn</div>

div{
  width:140px;line-height:48px;
  text-align:center;
  margin:50px auto;
  color:hsla(328, 100%, 54%,0.8);
  cursor:pointer;
  border:20px solid transparent;
  background-clip: padding-box;
  box-shadow:inset 0 0 0 1px hsla(328, 100%, 54%,0.8);
}
div:hover{
  background:hsla(328, 100%, 54%,0.8);
  color:white;
  background-clip: padding-box;
}

div:active{
  background:hsla(328, 100%, 54%,1);
  color:white;
  background-clip: padding-box;
}
Rerun