.green{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#9ACD32;}
   
  .green:hover{
  color: #333;
  background:-webkit-linear-gradient(top, #9ACD32, #7c9843)!important;
  background:-moz-linear-gradient(top, #9ACD32, #7c9843)!important;
  background:-ms-linear-gradient(top, #9ACD32, #7c9843)!important;
  background:-o-linear-gradient(top, #9ACD32, #7c9843)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }

  .gray{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#555;}
   
  .gray:hover{
  color: #ccc;
  background:-webkit-linear-gradient(top, #444, #555)!important;
  background:-moz-linear-gradient(top, #444, #555)!important;
  background:-ms-linear-gradient(top, #444, #555)!important;
  background:-o-linear-gradient(top, #444, #555)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }

  .red{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#FF6347;}
   
  .red:hover{
  color: #333;
  background:-webkit-linear-gradient(top, #FF6347, #d53e07)!important;
  background:-moz-linear-gradient(top, #FF6347, #d53e07)!important;
  background:-ms-linear-gradient(top, #FF6347, #d53e07)!important;
  background:-o-linear-gradient(top, #FF6347, #d53e07)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }
   
  .black{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#000;}
   
  .black:hover{
  color: #999;
  background:-webkit-linear-gradient(top, #000, #111)!important;
  background:-moz-linear-gradient(top, #000, #111)!important;
  background:-ms-linear-gradient(top, #000, #111)!important;
  background:-o-linear-gradient(top, #000, #111)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }
   
  .blue{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#42aaff;}
   
  .blue:hover{
  color: #333;
  background:-webkit-linear-gradient(top, #42aaff, #2195f5)!important;
  background:-moz-linear-gradient(top, #42aaff, #2195f5)!important;
  background:-ms-linear-gradient(top, #42aaff, #2195f5)!important;
  background:-o-linear-gradient(top, #42aaff, #2195f5)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }
   
  .yellow{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#fde910;}
   
  .yellow:hover{
  color: #333;
  background:-webkit-linear-gradient(top, #fde910, #efd334)!important;
  background:-moz-linear-gradient(top, #fde910, #efd334)!important;
  background:-ms-linear-gradient(top, #fde910, #efd334)!important;
  background:-o-linear-gradient(top, #fde910, #efd334)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }
   
  .white{text-decoration:none;display:inline-block;padding:3px;outline:0;margin:0px;
  color:#F5F5F5;}
   
  .white:hover{
  color: #333;
  background:-webkit-linear-gradient(top, #F5F5F5, #F0F8FF)!important;
  background:-moz-linear-gradient(top, #F5F5F5, #F0F8FF)!important;
  background:-ms-linear-gradient(top, #F5F5F5, #F0F8FF)!important;
  background:-o-linear-gradient(top, #F5F5F5, #F0F8FF)!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  }

<a href="/" class="red" >Red Style</a>