Button by catraco

1.cssbuttons-io-button {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  gap: .2em;
6  font-family: inherit;
7  font-weight: 600;
8  font-size: 16px;
9  padding: .5em 1.5em;
10  color: white;
11  background: linear-gradient(0deg, rgb(0, 150, 60), rgb(100, 250, 150));
12  border: none;
13  outline: none;
14  border-bottom: 3px solid rgb(0, 130, 40);
15  box-shadow: 0 .5em .5em -.4em rgb(0, 0, 0, .5);
16  letter-spacing: 0.08em;
17  border-radius: 20em;
18  cursor: pointer;
19  transition: .5s;
20}
21
22.cssbuttons-io-button:hover {
23  filter: brightness(1.2);
24  color: rgb(0, 0, 0, .5);
25}
26
27.cssbuttons-io-button:active {
28  transition: 0s;
29  transform: rotate(-10deg);
30}