Button by btongheng

1.button {
2  --😀: #644dff;
3  --😀😀: #4836bb;
4  --😀😀😀: #654dff63;
5  cursor: pointer;
6  width: 184px;
7  height: 48px;
8  display: flex;
9  align-items: center;
10  justify-content: center;
11  gap: 1rem;
12  font-size: 1.125em;
13  font-weight: 800;
14  letter-spacing: 2px;
15  color: #fff;
16  background: var(--😀);
17  border: 2px solid var(--😀😀);
18  border-radius: .75rem;
19  box-shadow: 0 8px 0 var(--😀😀);
20  transform: skew(-10deg);
21  transition: all .1s ease;
22  filter: drop-shadow(0 15px 20px var(--😀😀😀));
23}
24
25.button:active {
26  letter-spacing: 0px;
27  transform: skew(-10deg) translateY(8px);
28  box-shadow: 0 0 0 var(--😀😀😀);
29}