.christmas-star {
  display: inline-block;
  width: .85em;
  height: .85em;
  flex: none;
  vertical-align: -.08em;
  background:
    linear-gradient(currentColor, currentColor) center / 6% 100% no-repeat,
    linear-gradient(currentColor, currentColor) center / 100% 6% no-repeat,
    linear-gradient(45deg, transparent 47%, currentColor 47% 53%, transparent 53%) center / 100% 100% no-repeat,
    linear-gradient(-45deg, transparent 47%, currentColor 47% 53%, transparent 53%) center / 100% 100% no-repeat;
}
.christmas-star.pointed {
  background: currentColor;
  clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 94%, 50% 72%, 21% 94%, 32% 57%, 2% 35%, 39% 35%);
}
.christmas-star.sparkle {
  background: currentColor;
  clip-path: polygon(50% 0, 62% 37%, 100% 50%, 62% 63%, 50% 100%, 38% 63%, 0 50%, 38% 37%);
}