1.card {
2  --bg: #f1f1f1;
3  --contrast: #f9f9f9;
4  --grey: #d9d9d9;
5  position: relative;
6  padding: 12px;
7  background-color: var(--bg);
8  border-radius: 20px;
9  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px -10px;
10}
11
12.card-overlay {
13  position: absolute;
14  inset: 0;
15  pointer-events: none;
16  background: repeating-linear-gradient(45deg, var(--bg), var(--grey) 20px);
17  filter: opacity(15%);
18}
19
20.card-inner {
21  display: flex;
22  justify-content: center;
23  align-items: center;
24  overflow: hidden;
25  width: 180px;
26  height: 240px;
27  background-color: var(--contrast);
28  border-radius: 25px;
29  /* Content style */
30  font-size: 26px;
31  font-weight: 700;
32  color: #555;
33  text-align: center;
34  font-family: Arial, sans-serif;
35}