Edit in JSFiddle

<p>Click</p>

p{
  padding:5px 10px;
  color:red;
  border-radius:5px;
  border:1px solid red;
  display:inline-block;
}
p:hover{
  cursor:pointer;
  transition:all .5s;
  color:white;
  background:red;
}