This post is saved as a draft.
#e8e8e8
1.card { 2 width: 342px; 3 height: 184px; 4 position: relative; 5 padding: 20px; 6 color: #fff; 7 display: flex; 8 flex-direction: column; 9 justify-content: space-between; 10} 11 12.background { 13 fill: linear-gradient(90deg, #5936B4 0%, #362A84 100%); 14 position: absolute; 15 inset: 0; 16 z-index: -1; 17} 18 19.cloud { 20 position: absolute; 21 right: 0; 22 top: -12px; 23} 24 25.cloud svg { 26 height: 120px; 27} 28 29.card .main-text { 30 font-size: 48px; 31 z-index: 2; 32} 33 34.card .info { 35 display: flex; 36 justify-content: space-between; 37} 38 39.card .info .text-gray { 40 color: rgba(235, 235, 245, 0.60); 41} 42 43.card .info .info-right { 44 align-self: flex-end; 45} 46
Variation of acard
Variation of acard