1button {
2 padding: 1rem 2rem;
3 border: 0;
4 box-shadow: 0px 0px 40px 0px red;
5 font-weight: bolder;
6 color: white;
7 border-radius: 0.3rem;
8 background-color: red;
9 letter-spacing: .2rem;
10}
11
12button:hover {
13 animation: changeBg 1s infinite;
14 -webkit-animation-duration: 10s;
15}
16
17@keyframes changeBg {
18 0%,
19	100% {
20  box-shadow: 0px 0px 40px 0px red;
21 }
22
23 25% {
24  box-shadow: 0px 0px 40px 0px turquoise;
25  background-color: turquoise;
26 }
27
28 50% {
29  box-shadow: 0px 0px 40px 0px purple;
30  background-color: purple;
31 }
32
33 75% {
34  box-shadow: 0px 0px 40px 0px rgb(191, 204, 11);
35  background-color: rgb(191, 204, 11);
36 }
37}