1button {
2  border: none;
3  display: flex;
4  padding: 0.75rem 1.5rem;
5  background-color: #488aec;
6  color: #ffffff;
7  font-size: 0.75rem;
8  line-height: 1rem;
9  font-weight: 700;
10  text-align: center;
11  text-transform: uppercase;
12  vertical-align: middle;
13  align-items: center;
14  border-radius: 0.5rem;
15  user-select: none;
16  gap: 0.75rem;
17  box-shadow: 0 4px 6px -1px #488aec31, 0 2px 4px -1px #488aec17;
18  transition: all .6s ease;
19}
20
21button:hover {
22  box-shadow: 0 10px 15px -3px #488aec4f, 0 4px 6px -2px #488aec17;
23}
24
25button:focus,button:active {
26  opacity: .85;
27  box-shadow: none;
28}
29
30button svg {
31  width: 1.25rem;
32  height: 1.25rem;
33}