1button {
2 background-color: #eee;
3 border: none;
4 padding: 1rem;
5 font-size: 1rem;
6 width: 10em;
7 border-radius: 1rem;
8 color: lightcoral;
9 box-shadow: 0 0.4rem #dfd9d9;
10 cursor: pointer;
11}
12
13button:active {
14 color: white;
15 box-shadow: 0 0.2rem #dfd9d9;
16 transform: translateY(0.2rem);
17}
18
19button:hover:not(:disabled) {
20 background: lightcoral;
21 color: white;
22 text-shadow: 0 0.1rem #bcb4b4;
23}
24
25button:disabled {
26 cursor: auto;
27 color: grey;
28}