1.notificationCard {
2  width: 220px;
3  height: 280px;
4  background: rgb(245, 245, 245);
5  display: flex;
6  flex-direction: column;
7  align-items: center;
8  justify-content: center;
9  padding: 20px 35px;
10  gap: 10px;
11  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.123);
12  border-radius: 20px;
13}
14
15.bellIcon {
16  width: 50px;
17  margin: 20px 0px;
18}
19
20.bellIcon path {
21  fill: rgb(168, 131, 255);
22}
23
24.notificationHeading {
25  color: black;
26  font-weight: 600;
27  font-size: 0.8em;
28}
29
30.notificationPara {
31  color: rgb(133, 133, 133);
32  font-size: 0.6em;
33  font-weight: 600;
34  text-align: center;
35}
36
37.buttonContainer {
38  display: flex;
39  flex-direction: column;
40  gap: 5px;
41}
42
43.AllowBtn {
44  width: 120px;
45  height: 25px;
46  background-color: rgb(168, 131, 255);
47  color: white;
48  border: none;
49  border-radius: 20px;
50  font-size: 0.7em;
51  font-weight: 600;
52  cursor: pointer;
53}
54
55.NotnowBtn {
56  width: 120px;
57  height: 25px;
58  color: rgb(168, 131, 255);
59  border: none;
60  background-color: transparent;
61  font-weight: 600;
62  font-size: 0.7em;
63  cursor: pointer;
64  border-radius: 20px;
65}
66
67.NotnowBtn:hover {
68  background-color: rgb(239, 227, 255);
69}
70
71.AllowBtn:hover {
72  background-color: rgb(153, 110, 255);
73}
74