1.btn {
2 color: #B500FF;
3 padding: 13px 20px;
4 border: 2px solid #B500FF;
5 font-size: 17px;
6 transition: 0.3s;
7 border-radius: 10px;
8 font-family: Arial;
9 font-weight: 600;
10}
11
12.btn:hover {
13 transition: 0.3s;
14 background-color: #B500FF;
15 margin-top: -20px;
16 color: #fff;
17 animation-name: button_animation;
18 animation-duration: 3s;
19 animation-iteration-count: infinite;
20}
21
22.btn:active {
23 transform: scale(0.97);
24}
25
26@keyframes button_animation {
27 0% {
28  background-color: #B500FF;
29 }
30
31 25% {
32  background-color: #000000;
33 }
34
35 50% {
36  background-color: #B500FF;
37 }
38
39 75% {
40  background-color: #000000;
41 }
42
43 100% {
44  background-color: #B500FF;
45 }
46}