1button {
2  --bg: #e74c3c;
3  --text-color: #fff;
4  position: relative;
5  width: 150px;
6  border: none;
7  background: var(--bg);
8  color: var(--text-color);
9  padding: 1em;
10  font-weight: bold;
11  text-transform: uppercase;
12  transition: 0.2s;
13  border-radius: 5px;
14  opacity: 0.8;
15  letter-spacing: 1px;
16  box-shadow: #c0392b 0px 7px 2px, #000 0px 8px 5px;
17}
18
19button:hover {
20  opacity: 1;
21}
22
23button:active {
24  top: 4px;
25  box-shadow: #c0392b 0px 3px 2px,#000 0px 3px 5px;
26}