one <div>
Balloon
Round balloon, knot and a thin string line.
<div class="od od-balloon"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-balloon {
width: 54px; height: 64px; background: radial-gradient(circle at 35% 30%, #fda4af, #e11d48);
border-radius: 50% 50% 50% 50% / 55% 55% 45% 45%;
box-shadow: 0 12px 24px rgba(225,29,72,0.28);
}
.od-balloon::before {
width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent;
border-top: 12px solid #be123c; top: 62px; left: 20px;
}
.od-balloon::after {
width: 2px; height: 24px; background: #64748b; top: 72px; left: 26px;
}