@import url('/content/blocks/horoscope/block.css');

.hp-horoscope__sidebar a[aria-current="page"],
.hp-horoscope__sidebar a[aria-current="page"]:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--hp-accent) 38%, #000);
  color: #fff;
  text-decoration: none;
}

.hp-horoscope__sidebar a[aria-current="page"] img {
  filter: brightness(0) invert(1);
}

.hp-horoscope__sidebar a[aria-current="page"] > i {
  color: #fff;
}