Как сделать декоративный вид?

Question

[Вадим]

Добрый день)
Подскажите как сделать вот такую декоративную рамку при наведении вокруг основного элемента?

Answer 1

[WapSter]

Answer 2

[Максим]

Answer 3

[historydev]

<div class='circle'><div></div></div>

.circle {

   width: 60px;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #333;
   border-radius: 50%;

}

.circle div {

  width: 100%;
  height: 100%;
  background: green;
  border-radius: 50%;

}