Как сделать такую точку пагинации?

Question

[Кристина]

Как сделать такую точку пагинации, как первая?

Answer 1

[Alexey Bille]

.dot {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 50%;
}

Comments

[Максим Тимофеев]

1 px маловато, и width hight надо бы задать и background

.dot {
  background-color: #fff;
  border: 2px solid white;
  border-radius: 50%;
width:7px:
height:7px;
}
.dot.active, .dot:hover {
background-color: transparent;
}

Answer 2

[Максим]

https://codepen.io/MaximLensky/pen/QqVJZp так ?