1.card {
2  display: flex;
3  flex-direction: column;
4  justify-content: center;
5  align-items: center;
6  background-color: rgba(0, 0, 0, 0.7);
7  border-radius: 10px;
8  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
9  padding: 40px 20px;
10  color: #fff;
11  font-size: 1.2rem;
12}
13
14.heading {
15  font-size: 2rem;
16  font-weight: bold;
17  margin-bottom: 20px;
18  text-align: center;
19  text-transform: uppercase;
20}
21
22.heading span {
23  color: #03DAC6;
24}
25
26.content {
27  display: flex;
28  flex-wrap: wrap;
29  justify-content: center;
30  align-items: center;
31  margin-bottom: 30px;
32}
33
34.item {
35  display: flex;
36  align-items: center;
37  margin: 0 20px;
38  color: #fff;
39  font-size: 1.2rem;
40  text-transform: uppercase;
41  transition: all 0.2s ease-in-out;
42  cursor: pointer;
43}
44
45.item:hover {
46  transform: scale(1.05);
47  color: #03DAC6;
48  text-shadow: 0px 0px 20px #03DAC6;
49}
50
51.item svg {
52  width: 30px;
53  height: 30px;
54  margin-right: 10px;
55}
56
57.item--create svg path {
58  fill: #03DAC6;
59}
60
61.item--post svg path {
62  fill: #BB86FC;
63}
64
65.item--inspire svg path {
66  fill: #FF9800;
67}
68
69button {
70  background-color: #03DAC6;
71  border: none;
72  border-radius: 5px;
73  color: #212121;
74  font-size: 1.2rem;
75  font-weight: bold;
76  padding: 10px 20px;
77  cursor: pointer;
78  transition: all 0.2s ease-in-out;
79}
80
81button:hover {
82  background-color: #BB86FC;
83  box-shadow: 0px 0px 20px #BB86FC, 0px 0px 40px #BB86FC, 0px 0px 60px #BB86FC;
84}