Button Gradien

button.css

.btn {
  background: #8134d9;
  background-image: -webkit-linear-gradient(top, #8134d9, #b82b4e);
  background-image: -moz-linear-gradient(top, #8134d9, #b82b4e);
  background-image: -ms-linear-gradient(top, #8134d9, #b82b4e);
  background-image: -o-linear-gradient(top, #8134d9, #b82b4e);
  background-image: linear-gradient(to bottom, #8134d9, #b82b4e);
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}