1.card {
2  margin-left: -1rem;
3  margin-right: -1rem;
4  display: flex;
5  flex-wrap: wrap;
6  align-items: stretch;
7  margin-bottom: 2rem;
8  width: 320px;
9  display: flex;
10  flex-direction: column;
11  border-radius: 0.25rem;
12  background-color: rgba(17, 24, 39, 1);
13  padding: 1.5rem;
14}
15
16.header {
17  display: flex;
18  flex-direction: column;
19}
20
21.title {
22  font-size: 1.5rem;
23  line-height: 2rem;
24  font-weight: 700;
25  color: #fff
26}
27
28.price {
29  font-size: 3.75rem;
30  line-height: 1;
31  font-weight: 700;
32  color: #fff
33}
34
35.desc {
36  margin-top: 0.75rem;
37  margin-bottom: 0.75rem;
38  line-height: 1.625;
39  color: rgba(156, 163, 175, 1);
40}
41
42.lists {
43  margin-bottom: 1.5rem;
44  flex: 1 1 0%;
45  color: rgba(156, 163, 175, 1);
46}
47
48.lists .list {
49  margin-bottom: 0.5rem;
50  display: flex;
51  margin-left: 0.5rem
52}
53
54.lists .list svg {
55  height: 1.5rem;
56  width: 1.5rem;
57  flex-shrink: 0;
58  margin-right: 0.5rem;
59  color: rgba(167, 139, 250, 1);
60}
61
62.action {
63  border: none;
64  outline: none;
65  display: inline-block;
66  border-radius: 0.25rem;
67  background-color: rgba(167, 139, 250, 1);
68  padding-left: 1.25rem;
69  padding-right: 1.25rem;
70  padding-top: 0.75rem;
71  padding-bottom: 0.75rem;
72  text-align: center;
73  font-weight: 600;
74  letter-spacing: 0.05em;
75  color: rgba(17, 24, 39, 1);
76}