1button {
2 border: none;
3 padding: 0.7em 2em;
4 font-size: 18px;
5 font-family: inherit;
6 background-blend-mode: multiply;
7 color: rgb(235, 234, 234);
8 border-radius: 9px;
9 background: linear-gradient(225deg, #181818, #2e2e2e);
10 box-shadow: -5px 5px 10px #191919,
11             5px -5px 10px #292929;
12}
13
14button:hover {
15 background: #212121;
16 transition: background 1s ease;
17 box-shadow: -5px 5px 10px #191919,
18             5px -5px 10px #292929;
19}
20
21button:active {
22 transition: box-shadow .1s ease;
23 border-radius: 9px;
24 background: #212121;
25 box-shadow: inset -5px 5px 10px #191919,
26              inset 5px -5px 10px #292929;
27}
28
29span {
30 opacity: 0.5;
31 transition: opacity 0.2s ease;
32}
33
34button:hover span {
35 opacity: 0.7;
36}