1button {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  outline: none;
6  cursor: pointer;
7  width: 150px;
8  height: 50px;
9  background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
10  border-radius: 30px;
11  border: 1px solid #8F9092;
12  transition: all 0.2s ease;
13  font-family: "Source Sans Pro", sans-serif;
14  font-size: 14px;
15  font-weight: 600;
16  color: #606060;
17  text-shadow: 0 1px #fff;
18}
19
20button:hover {
21  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1;
22}
23
24button:active {
25  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
26}
27
28button:focus {
29  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
30}
31
32
33