1.card {
2  max-width: 320px;
3  border-radius: 1rem;
4  background-color: rgba(31, 41, 55, 1);
5  padding: 1rem;
6}
7
8.infos {
9  display: flex;
10  flex-direction: row;
11  align-items: flex-start;
12  grid-gap: 1rem;
13  gap: 1rem;
14}
15
16.image {
17  height: 7rem;
18  width: 7rem;
19  border-radius: 0.5rem;
20  background-color: rgb(118, 36, 194);
21  background: linear-gradient(to bottom right, rgb(118, 36, 194), rgb(185, 128, 240));
22}
23
24.info {
25  height: 7rem;
26  flex: 1;
27  display: flex;
28  flex-direction: column;
29  justify-content: space-between;
30}
31
32.name {
33  font-size: 1.25rem;
34  line-height: 1.75rem;
35  font-weight: 500;
36  color: rgba(255, 255, 255, 1);
37}
38
39.function {
40  font-size: 0.75rem;
41  line-height: 1rem;
42  color: rgba(156, 163, 175, 1);
43}
44
45.stats {
46  width: 100%;
47  border-radius: 0.5rem;
48  background-color: rgba(255, 255, 255, 1);
49  padding: 0.5rem;
50  display: flex;
51  align-items: center;
52  justify-content: space-between;
53  font-size: 0.75rem;
54  line-height: 1rem;
55  color: rgba(0, 0, 0, 1);
56}
57
58.flex {
59  display: flex;
60  flex-direction: column;
61  align-items: center;
62  margin: 0 4px;
63}
64
65.state-value {
66  font-weight: 700;
67  color: rgb(118, 36, 194);
68}
69
70.request {
71  margin-top: 1.5rem;
72  width: 100%;
73  border: 1px solid transparent;
74  border-radius: 0.5rem;
75  padding: 0.5rem 1rem;
76  font-size: 1rem;
77  line-height: 1.5rem;
78  transition: all .3s ease;
79}
80
81.request:hover {
82  background-color: rgb(118, 36, 194);
83  color: #fff;
84}
85