one <div>
Pac
A conic-gradient mouth and food dots on ::after.
<div class="od od-pac"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-pac {
width: 78px; height: 78px; border-radius: 50%;
background: conic-gradient(#facc15 55deg, transparent 55deg 125deg, #facc15 125deg);
box-shadow: 0 10px 24px rgba(250,204,21,0.35);
}
.od-pac::before {
width: 10px; height: 10px; border-radius: 50%; background: #111827; top: 18px; left: 40px;
}
.od-pac::after {
width: 12px; height: 12px; border-radius: 50%; background: #fde68a; top: 34px; left: 86px;
box-shadow: 22px 0 0 #fde68a, 44px 0 0 #fde68a;
}