クリックしたら、色の変化を維持したい。

こちらのメインビジュアルの北海道の地図の上のピンクの丸をクリックすると、
濃いピンクの色が、マウスを丸から移動しても維持し続けるようにするにはどうすればよいでしょうか？

今は、:hoverにしていますが、
:active
:focus
:focus-within
:visited

全部試しましたが上手くいきませんでした。

お分かりになる方いましたら、ご教授願います。