1.container {
2  position: relative;
3  font-family: sans-serif;
4}
5
6.container::before, .container::after {
7  content: "";
8  background-color: #fab5704c;
9  position: absolute;
10}
11
12.container::before {
13  border-radius: 50%;
14  width: 6rem;
15  height: 6rem;
16  top: 30%;
17  right: 7%;
18}
19
20.container::after {
21  content: "";
22  position: absolute;
23  height: 3rem;
24  top: 8%;
25  right: 5%;
26  border: 1px solid;
27}
28
29.container .box {
30  width: 11.875em;
31  height: 15.875em;
32  padding: 1rem;
33  background-color: rgba(255, 255, 255, 0.074);
34  border: 1px solid rgba(255, 255, 255, 0.222);
35  -webkit-backdrop-filter: blur(20px);
36  backdrop-filter: blur(20px);
37  border-radius: .7rem;
38  transition: all ease .3s;
39}
40
41.container .box {
42  display: flex;
43  flex-direction: column;
44  justify-content: space-between;
45}
46
47.container .box .title {
48  font-size: 2rem;
49  font-weight: 500;
50  letter-spacing: .1em
51}
52
53.container .box div strong {
54  display: block;
55  margin-bottom: .5rem;
56}
57
58.container .box div p {
59  margin: 0;
60  font-size: .9em;
61  font-weight: 300;
62  letter-spacing: .1em;
63}
64
65.container .box div span {
66  font-size: .7rem;
67  font-weight: 300;
68}
69
70.container .box div span:nth-child(3) {
71  font-weight: 500;
72  margin-right: .2rem;
73}
74
75.container .box:hover {
76  box-shadow: 0px 0px 20px 1px #ffbb763f;
77  border: 1px solid rgba(255, 255, 255, 0.454);
78}