<div class="notification-sales">
<span class="icon-check">✔</span>
<span class="notification-text"><strong>1,233</strong> sold in the last 24 hours!</span>
</div>
<style>
.notification-sales {
display: flex;
align-items: center;
background: #f5f7fb;
color: #000;
font-size: 14px;
font-weight: 500;
padding: 10px 18px;
border-radius: 25px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
max-width: 350px;
}
.notification-sales .icon-check {
width: 20px;
height: 20px;
background-color: #4a90e2;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
margin-right: 12px;
}
.notification-text {
font-size: 14px;
font-weight: 500;
color: #000;
}
.notification-text strong {
font-weight: bold;
}
</style>