1
2 .btn-grad {background-image: linear-gradient(to right, #E55D87 0%, #5FC3E4 51%, #E55D87 100%)}
3 .btn-grad {
4 margin: 10px;
5 padding: 15px 45px;
6 text-align: center;
7 text-transform: uppercase;
8 transition: 0.5s;
9 background-size: 200% auto;
10 color: white;
11 box-shadow: 0 0 20px #eee;
12 border-radius: 10px;
13 display: block;
14 }
15
16 .btn-grad:hover {
17 background-position: right center; /* change the direction of the change here */
18 color: #fff;
19 text-decoration: none;
20 }
21