.btn-grad {background-image: linear-gradient(to right, #fc00ff 0%, #00dbde  51%, #fc00ff  100%);
margin: 8px; padding: 4px 10px; text-align: center; transition: 0.5s; background-size: 200% auto;
color: white; border-radius:50px; display:block; font-family:arial; font-weight:bold;
width: 200px;text-decoration: none;}

.btn-grad2 {background-image: linear-gradient(to right, #ff0000 0%, #6600cc 51%, #cc00cc 100%);}
.btn-grad3 {background-image: linear-gradient(to right, #333399 0%, #003300 51%, #009900 100%);}

.btn-grad4 {background-image: linear-gradient(to right, #660066 0%, #6600cc 51%, #003300 100%);}
.btn-grad5 {background-image: linear-gradient(to right, #009900 0%, #ff9900 51%, #0000cc 100%);}
.btn-grad6 {background-image: linear-gradient(to right, #9900cc 0%, #9900cc 51%, #ff0066 100%);}
.btn-grad7 {background-image: linear-gradient(to right, #ff9933 0%, #000000 51%, #000099 100%);}
.btn-grad8 {background-image: linear-gradient(to right, #009900 0%, #990033 51%, #003300 100%);}
.btn-grad9 {background-image: linear-gradient(to right, #006699 0%, #9900cc 51%, #006666 100%);}
.btn-grad10 {background-image: linear-gradient(to right, #006600 0%, #009933 51%, #ff3300 100%);}
.btn-grad11 {background-image: linear-gradient(to right, #3333cc 0%, #660066 51%, #003366 100%);}
.btn-grad12 {background-image: linear-gradient(to right, #660033 0%, #006600 51%, #9900cc 100%);}
.btn-grad13 {background-image: linear-gradient(to right, #009999 0%, #ff9900 51%, #ff0000 100%);}
.btn-grad14 {background-image: linear-gradient(to right, #009900 0%, #003300 51%, #000066 100%);}
.btn-grad15 {background-image: linear-gradient(to right, #660033 0%, #009999 51%, #000066 100%);}

.btn-grad:hover {background-position: right center; color: #fff; text-decoration: none;}