1button {
2 border: none;
3 color: #fff;
4 background-image: linear-gradient(30deg, #0400ff, #4ce3f7);
5 border-radius: 20px;
6 background-size: 100% auto;
7 font-family: inherit;
8 font-size: 17px;
9 padding: 0.6em 1.5em;
10}
11
12button:hover {
13 background-position: right center;
14 background-size: 200% auto;
15 -webkit-animation: pulse 2s infinite;
16 animation: pulse512 1.5s infinite;
17}
18
19@keyframes pulse512 {
20 0% {
21  box-shadow: 0 0 0 0 #05bada66;
22 }
23
24 70% {
25  box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
26 }
27
28 100% {
29  box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
30 }
31}