Можно ли сделать такое с помощью Html и Css и если да, то как?

Два блока с border один с белым фоном , другой с синим, при этом блокам дать свойство border-radius: 50%, для окружности ну и ещё один блок со звездой , как её сделать можно прочитать тут: https://habrahabr.ru/post/126207/ , но это если не заморачиваться с градиентами , а дать сплошные цвета (красный, синий, белый) .
Вот сделал за 3 минуты : https://jsfiddle.net/10j2sn2f/2/

Капитан Америка - CodePen