one <div>
Moon
Volume via inset box-shadow; craters are tiny pseudo-element dots.
<div class="od od-moon"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-moon {
width: 78px; height: 78px; border-radius: 50%; background: #f8f1d0;
box-shadow: inset -18px -10px 0 0 #e8d9a0, 0 0 0 10px rgba(248,241,208,0.15), 0 12px 28px rgba(15,23,42,0.18);
}
.od-moon::before {
width: 14px; height: 14px; border-radius: 50%; background: rgba(180,150,80,0.35);
top: 22px; left: 34px; box-shadow: 12px 18px 0 -2px rgba(180,150,80,0.28);
}
.od-moon::after {
width: 10px; height: 10px; border-radius: 50%; background: rgba(180,150,80,0.3);
top: 48px; left: 24px;
}