Badge
Badges scale to match the size of the immediate parent element by using relative font sizing and em units.
Notification
4
69
999
<div class="code-snippet">
<div class="badge-wrapper">
<button class="icon-wrapper">
<i class="fa-solid fa-bell icon"></i>
</button>
<div class="notification">
<p class="notification-text">69</p>
</div>
</div>
<div class="badge-wrapper">
<button class="icon-wrapper">
<i class="fa-solid fa-bell icon"></i>
</button>
<div class="notification">
<p class="notification-text">69</p>
</div>
</div>