Как сверстать такое лого?

<div class="logo">
  <span>Hello</span>
  <span>World</span>
</div>

.logo{
// стиль с темным фоном и все такое
}
.logo:after{
// рисуем тут круг
}
.logo span:first-child{
// margin на расстояние диаметра круга или чуть больше
}