1.card {
2  color: #fff;
3  margin: 40px auto;
4  background-color: rgba(255,255,255,0.06);
5  border: 1px solid rgba(255,255,255,0.1);
6  width: 100%;
7  border-radius: 15px;
8  padding: 32px;
9  backdrop-filter: blur(10px);
10}
11
12.heading {
13  font-weight: 700;
14  margin-bottom: 15px;
15  text-align: center;
16  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
17}
18
19.heading span {
20  display: inline-block;
21  background-clip: text;
22  color: #3498db;
23}
24
25.content {
26  display: flex;
27  justify-content: space-around;
28  margin-bottom: 20px
29}
30
31.item {
32  align-items: center;
33  display: flex;
34  flex-direction: column;
35  font-size: 14px;
36  text-align: center;
37  transition: 0.3s;
38}
39
40.item svg {
41  height: 48px;
42  margin-bottom: 5px;
43  width: 48px;
44}
45
46.item--create,
47.item--post,
48.item--inspire {
49  color: #5a5aeb !important;
50}
51
52.content .item {
53  display: flex;
54  align-items: center;
55  justify-content: center;
56  flex-direction: column;
57  text-transform: uppercase;
58  font-weight: 700
59}
60
61.content .item span {
62  margin-top: 8px;
63  font-size: 14px;
64  color: #f1f1f1;
65  font-weight: 400;
66  cursor: pointer
67}
68
69button {
70  display: inline-block;
71  padding: 24px 32px;
72  border: 0;
73  text-decoration: none;
74  border-radius: 15px;
75  background-color: rgba(255,255,255,0.1);
76  border: 1px solid rgba(255,255,255,0.1);
77  backdrop-filter: blur(30px);
78  color: rgba(255,255,255,0.8);
79  font-size: 14px;
80  letter-spacing: 2px;
81  cursor: pointer;
82  text-transform: uppercase;
83}
84
85button:hover {
86  background-color: rgba(255,255,255,0.2);
87}