circular-slider {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid rgb(207, 207, 207); /*rgb(195, 195, 195)*/
  border-radius: 50%;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fff;
}
circular-slider .dot {
  position: absolute;
  width: 5px;
  height: 5px;
  left: calc(50% - 2.5px);
  top: calc(50% - 2.5px);
  background-color: rgb(120, 120, 120); /*rgb(99, 99, 99)*/
  background-color: rgb(189, 189, 189); /*rgb(171, 171, 171)*/
  background-image: linear-gradient(rgb(120, 120, 120), rgb(189, 189, 189));
  border-radius: 50%;
  transform-origin: center 190%;
  transform: translate(0px, -140%) rotate(0deg);
}