Button by SteveBloX

1button {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  gap: 10px;
6  font-family: inherit;
7  font-size: 16px;
8  font-weight: 600;
9  text-transform: uppercase;
10  letter-spacing: 0.8px;
11  color: #ffffff;
12  background-color: #ff5f5f;
13  border-style: none;
14  border-radius: 8px;
15  padding: 16px 24px;
16  transform: scale(1);
17  transition: 0.2s;
18  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
19  cursor: pointer;
20}
21
22button:hover {
23  background-color: #ff3b3b;
24  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
25}
26
27button:active {
28  transform: scale(0.95);
29  box-shadow: none;
30}