:active疑似classで変更した色を、クリックから離しても保持したい

Question

ボタンをクリックした際に、cssで変更した色をそのまま保持したいです。
保持したい期間は下記の通りです。

ボタンをクリックする→他のボタンをクリックするまでの間

vueで画面を作成しており、バインディング等の方法も調べてみたのですが、
cssだけ、、等もっとシンプルにこの振る舞いを実現する方法をご存じの方がいれば、アイデアをいただきたいです。何か良い方法はないでしょうか。

//現在のコード

.focused {
  &:active {
    background-color: #d2dfe2 !important;
  
  }
}

Answer 1

対象のdiv要素にtabindexを指定、

tabindex="-1"

cssをactiveからfocusに変えたところクリック時の色が維持されるようになりました。

.focused {
  &:focus {
    background-color: #d2dfe2 !important;
  
  }
}