Hollow/Transparent Circle inside a non transparent box?

Question

Is there any way to create a transparent circle inside a non-transparent colored box in css?
something like this: https://i.stack.imgur.com/HzfP8.png

Answer 1

View my code

https://code.sololearn.com/W9IehOlmh1qA/?ref=app

Answer 2

do you have a pure css one? no svg?

Answer 3

https://code.sololearn.com/WnH6UgadhHO2/?ref=app