1.card {
2  display: flex;
3  flex-direction: column;
4  justify-content: space-between;
5  border-radius: 0.75rem;
6  background-color: white;
7  width: 300px;
8  height: 370px;
9  box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),
10  0 2px 4px -2px rgba(0,0,0,.1);
11}
12
13.header {
14  position: relative;
15  background-clip: border-box;
16  margin-top: 1.5rem;
17  margin-left: 1rem;
18  margin-right: 1rem;
19  border-radius: 0.75rem;
20  background-color: rgb(33 150 243);
21  box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
22  height: 14rem;
23}
24
25.info {
26  border: none;
27  padding: 1.5rem;
28  text-align: center;
29}
30
31.title {
32  color: rgb(38 50 56);
33  letter-spacing: 0;
34  line-height: 1.375;
35  font-weight: 600;
36  font-size: 1.25rem;
37  margin-bottom: 0.5rem;
38}
39
40.footer {
41  padding: 0.75rem;
42  border: 1px solid rgb(236 239 241);
43  display: flex;
44  align-items: center;
45  justify-content: space-between;
46  background-color: rgba(0, 140, 255, 0.082);
47}
48
49.tag {
50  font-weight: 300;
51  font-size: .75rem;
52  display: block;
53}
54
55.action {
56  -webkit-user-select: none;
57  -moz-user-select: none;
58  user-select: none;
59  border: none;
60  outline: none;
61  box-shadow: 0 4px 6px -1px rgba(33,150,243,.4),0 2px 4px -2px rgba(33,150,243,.4);
62  color: rgb(255 255 255);
63  text-transform: uppercase;
64  font-weight: 700;
65  font-size: .75rem;
66  padding: 0.75rem 1.5rem;
67  background-color: rgb(33 150 243);
68  border-radius: 0.5rem;
69}
70
71