buttonチェック時に特定のcssだけ無効化したい。

Question

現在、下記の様に書いていてbuttonにはcssでbuttonとbutton:hover(transition等)をつける用二つ適用させています。
このうちtransitionをチェックがついていない時に無効化させるようにしたいです。
タグ?はbutton:hoverとしていますが、これをここでどうやって記述すればいいかわかりません。
ifも少し改良できますか？お知恵をおかしください。

<button class="submit" id="checkSubmit" type="submit" name="test" onclick="location.href=''">送信</button>

```ここに言語を入力

function changeDisabled() {
checkbox = document.getElementsByName('test')
if (checkAgree.checked) {
document.getElementById('checkSubmit').disabled = false;
} else {
document.getElementById('checkSubmit').disabled = "disabled";
}
}

Answer 1

button[disabled] {
pointer-events: none;
}
とすることで解決できました！
ありがとうございました。