button that changes color when hovered

<style>
@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
a:link, a:visited {
  font-family: lovely;
  font-size: 20px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 20px;
  color: #000;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: pink;
}
</style>

<a href="#i">This is a link</a>