Card by Brian-Pob

1.card {
2  --border-radius: 1.25rem;
3  --border-width: 0.5rem;
4
5  position: relative;
6
7  width: 190px;
8  height: 254px;
9  border-radius: var(--border-radius);
10  padding: 20px;
11
12  background: rgb(5, 6, 45);
13  color: white;
14}
15
16.card::before {
17  content: "";
18  position: absolute;
19  z-index: -1;
20  inset: 0;
21
22  background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
23  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
24
25  margin: calc(-1 * var(--border-width));
26  border-radius: calc(var(--border-radius) + var(--border-width));
27}
28