.dot {
  width: 1em;
  height: 1em;
  background-color: currentColor;

  /* Star SVG mask */
  -webkit-mask-image: url("https://cdn.prod.website-files.com/665c400a65d9a21d986a326c/6972423eb837f6717afe11fd_Star.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 130% 130%;

  mask-image: url("https://cdn.prod.website-files.com/665c400a65d9a21d986a326c/6972423eb837f6717afe11fd_Star.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 130% 130%;

  will-change: transform, background-color;
}