1.cookieCard {
2  width: 300px;
3  height: 200px;
4  background: linear-gradient(to right,rgb(137, 104, 255),rgb(175, 152, 255));
5  display: flex;
6  flex-direction: column;
7  align-items: flex-start;
8  justify-content: center;
9  gap: 20px;
10  padding: 20px;
11  position: relative;
12  overflow: hidden;
13}
14
15.cookieCard::before {
16  width: 150px;
17  height: 150px;
18  content: "";
19  background: linear-gradient(to right,rgb(142, 110, 255),rgb(208, 195, 255));
20  position: absolute;
21  z-index: 1;
22  border-radius: 50%;
23  right: -25%;
24  top: -25%;
25}
26
27.cookieHeading {
28  font-size: 1.5em;
29  font-weight: 600;
30  color: rgb(241, 241, 241);
31  z-index: 2;
32}
33
34.cookieDescription {
35  font-size: 0.9em;
36  color: rgb(241, 241, 241);
37  z-index: 2;
38}
39
40.cookieDescription a {
41  color: rgb(241, 241, 241);
42}
43
44.acceptButton {
45  padding: 11px 20px;
46  background-color: #7b57ff;
47  transition-duration: .2s;
48  border: none;
49  color: rgb(241, 241, 241);
50  cursor: pointer;
51  font-weight: 600;
52  z-index: 2;
53}
54
55.acceptButton:hover {
56  background-color: #714aff;
57  transition-duration: .2s;
58}