1.button {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  padding: 10px 15px;
6  gap: 15px;
7  background-color: rgb(66 66 66);
8  outline: 3px rgb(66 66 66) solid;
9  outline-offset: -3px;
10  border-radius: 5px;
11  border: none;
12  cursor: pointer;
13  transition: 400ms;
14}
15
16.button .text {
17  color: white;
18  font-weight: 700;
19  font-size: 1em;
20  transition: 400ms;
21}
22
23.button svg {
24  width: 24px;
25  height: 24px;
26}
27
28.button svg path {
29  transition: 400ms;
30}
31
32.button:hover {
33  background-color: transparent;
34}
35
36.button:hover .text {
37  color: #F48E00;
38}
39
40.button:hover svg path:nth-child(1) {
41  fill: #FF9700;
42}
43
44.button:hover svg path:nth-child(2) {
45  fill: #F48E00;
46}
47
48.button:hover svg path:nth-child(3) {
49  fill: #FF9800;
50}