カラムに:not擬似クラスを使いたい

■ WordPress のバージョン
6.5

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.21.1

■ Pro Unit のバージョン
0.26.5

■ スキンの種類
Origin III

■ 期待する動作
カラムブロックに設置したカラムに:not擬似クラスを使用し、
ホバーしていないカラムに装飾を追加したいです。

■ 自分で試した事
画像のように配置しています。
カラムの中身は同一です。

①グループブロックにhover-other-thanクラスを設定
②カスタムCSSに下記のコードを記載

[css]
.hover-other-than p {
transition: all .3s ease-in;
}

.hover-other-than:hover p:not(:hover) {
opacity: .3;
}

.hover-other-than h4 {
transition: all .3s ease-in;
}

.hover-other-than:hover h4:not(:hover) {
opacity: .3;
}

■ 症状が発生するブラウザ
chrome

■ 実際の症状
ホバーしているカラムにも装飾が効いてしまいます。
なにか方法がありますでしょうか。
ご教授いただけますと幸いです。
よろしくお願いいたします。