1button {
2  height: 50px;
3  margin: 5px;
4  width: 120px;
5  font-family: 'Montserrat', sans-serif;
6  font-weight: 600;
7  font-size: 16px;
8  color: #fff;
9  border: none;
10  border-radius: 5px;
11  background: linear-gradient(145deg, #9c27b0, #f44336, #ff9800, #ffc107, #8bc34a, #4caf50, #2196f3, #03a9f4, #00bcd4, #009688);
12  background-size: 200%;
13  background-position: 0%;
14  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
15  transition: all 0.3s ease-in-out;
16}
17
18button:hover {
19  background-position: 100%;
20  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25), inset 0px -2px 0px rgba(255, 255, 255, 0.2);
21}
22
23button:focus {
24  outline: none;
25}
26
27button:active {
28  background-size: 100%;
29  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
30}
31