1button {
2 font-size: 17px;
3 font-family: inherit;
4 font-weight: 700;
5 padding: 4px;
6 border-radius: 20px;
7 border: none;
8 color: black;
9 box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
10 background: linear-gradient(0deg, rgba(255,213,0,1) 0%, rgba(255,213,0,1) 47%, rgba(0,91,187,1) 47%, rgba(0,91,187,1) 100%);
11}
12
13button .button-content {
14 display: flex;
15 align-items: center;
16 background: white;
17 padding: 0.7em 1.5em;
18 padding-left: 1.2em;
19 border-radius: 16px;
20}
21
22button svg {
23 width: 22px;
24 height: 22px;
25 margin-right: 6px;
26 color: #ff0000;
27 transition: transform 0.3s;
28}
29
30button:hover svg {
31 transform: scale(1.2);
32}
33
34