;
            --theme-surface: #eee !important;
        }
    </style>
</head>

<body>

    <button class="sw-btn sw-btn-surface m-4">
        Notifications
        <div class="sw-badge">10</div>
    </button>

    <button class="sw-btn sw-btn-surface m-4">
        Mail
        <div class="sw-badge sw-badge-pill sw-badge-overlay rounded" >10</div>
    </button>

    <script src="../../dist/JS/swarup.min.js"></script>
</body>
</html>