  <div class="balancewrapper">
    <span class="balanceHeading">Wallet balance</span>
    <p class="balance"><span id="currency">â‚¹</span>890.12</p>
  </div>

  <button class="addmoney"><span class="plussign">+</span>Add Money</button>
</div>

<style>
/* From Uiverse.io by vinodjangid07  - Tags: card, add, balance, money */
.walletBalanceCard {
  width: fit-content;
  height: 55px;
  background-color: #1c1f2f;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;