Card by vinodjangid07
#e8e8e8
1.walletBalanceCard { 2 width: fit-content; 3 height: 55px; 4 background-color: #1c1f2f; 5 border-radius: 10px; 6 display: flex; 7 align-items: center; 8 justify-content: flex-start; 9 gap: 12px; 10 padding: 0px 12px; 11 font-family: Arial, Helvetica, sans-serif; 12} 13.svgwrapper { 14 width: 28px; 15 display: flex; 16 align-items: center; 17 justify-content: center; 18} 19.svgwrapper svg { 20 width: 100%; 21} 22.balancewrapper { 23 display: flex; 24 align-items: flex-start; 25 justify-content: flex-start; 26 flex-direction: column; 27 width: 120px; 28 gap: 0px; 29} 30.balanceHeading { 31 font-size: 8px; 32 color: rgb(214, 214, 214); 33 font-weight: 100; 34 letter-spacing: 0.6px; 35} 36.balance { 37 font-size: 13.5px; 38 color: white; 39 font-weight: 600; 40 letter-spacing: 0.5px; 41} 42 43.addmoney { 44 padding: 1px 15px; 45 border-radius: 20px; 46 background-color: #c083eb; 47 color: white; 48 border: none; 49 font-size: 12px; 50 cursor: pointer; 51 transition: all 0.3s; 52 display: flex; 53 align-items: center; 54 justify-content: center; 55 gap: 5px; 56} 57.addmoney:hover { 58 background-color: whitesmoke; 59 color: #9c59cc; 60} 61.plussign { 62 font-size: 20px; 63 display: flex; 64 align-items: center; 65 justify-content: center; 66} 67
759 views
759 views
MIT License