Как нарисовать такой круг?
Создаете обычный круг без заливки с бордером. Для него создаете :before и уже в нем описываете обычный белый круг.
1) с помощью градиента (radial-gradient)
2) сделать залитый блок с бордер радус 50% в прозрачном блоке с таким же бордер радиусом.
Как уже сказали выше можно скомбинировать метод с :before :after