1button {
2 font-size: 17px;
3 color: white;
4 background-color: transparent;
5 height: 45px;
6 width: 100px;
7 border: 2.5px solid;
8 transition: 0.3s all;
9 background-image: linear-gradient(45deg,purple,red,orange,red,purple);
10 background-size: 500% 200%;
11 background-position: 25% 50%;
12 font-family: inherit;
13 font-weight: 500;
14}
15
16button:hover {
17 box-shadow: none;
18 background-color: rgb(92, 92, 92);
19 animation: rainbow 1s 1;
20 transform: scale(1.13);
21 border-radius: 30px;
22 background-position: 70% 50%;
23}
24
25button:active {
26 transform: scale(1.2);
27}