Card by kennyotsu

1.notifications-container {
2  width: 320px;
3  height: auto;
4  font-size: 0.875rem;
5  line-height: 1.25rem;
6  display: flex;
7  flex-direction: column;
8  gap: 1rem;
9}
10
11.flex {
12  display: flex;
13}
14
15.flex-shrink-0 {
16  flex-shrink: 0;
17}
18
19.success {
20  padding: 1rem;
21  border-radius: 0.375rem;
22  background-color: rgb(240 253 244);
23}
24
25.succes-svg {
26  color: rgb(74 222 128);
27  width: 1.25rem;
28  height: 1.25rem;
29}
30
31.success-prompt-wrap {
32  margin-left: 0.75rem;
33}
34
35.success-prompt-heading {
36  font-weight: bold;
37  color: rgb(22 101 52);
38}
39
40.success-prompt-prompt {
41  margin-top: 0.5rem;
42  color: rgb(21 128 61);
43}
44
45.success-button-container {
46  display: flex;
47  margin-top: 0.875rem;
48  margin-bottom: -0.375rem;
49  margin-left: -0.5rem;
50  margin-right: -0.5rem;
51}
52
53.success-button-main {
54  padding-top: 0.375rem;
55  padding-bottom: 0.375rem;
56  padding-left: 0.5rem;
57  padding-right: 0.5rem;
58  background-color: #ECFDF5;
59  color: rgb(22 101 52);
60  font-size: 0.875rem;
61  line-height: 1.25rem;
62  font-weight: bold;
63  border-radius: 0.375rem;
64  border: none
65}
66
67.success-button-main:hover {
68  background-color: #D1FAE5;
69}
70
71.success-button-secondary {
72  padding-top: 0.375rem;
73  padding-bottom: 0.375rem;
74  padding-left: 0.5rem;
75  padding-right: 0.5rem;
76  margin-left: 0.75rem;
77  background-color: #ECFDF5;
78  color: #065F46;
79  font-size: 0.875rem;
80  line-height: 1.25rem;
81  border-radius: 0.375rem;
82  border: none;
83}
84
85.success-button-secondary:hover {
86  background-color: #D1FAE5;
87  color: rgb(22 101 52);
88}