COCOONでElementorの見出し２にグラデーション付ける

WordPressの無料のテーマ「COCOON」で、見栄えのするページを投稿できるElementorというプラグインを使うとき、見出し２でグラデーションの設定が出来ないです。
どうやらCOCOONのテーマの見出し２H2が、競合してしまうようです。

そのため、私は、ElementorのウィジットのHTMLを使い、下記のソースコードでグラデーションを実現しました。

<style>
.h2_org{
    background: rgb(9,121,29);
background: -moz-linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
background: linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09791d",endColorstr="#51c8e0",GradientType=1);
color:#ffffff;
}
</style>
<h2 class="h2_org">テスト</h2>

styleでcssのコードをHTMLの中に、書いています。
classの名前を指定して、COCOONのテーマのh2と競合しないようにしました。
見出し２で指定する文字の色も、必要ならstyleの中で書くと良いと思います。

グラデーションのコードは、下記のグラデーションジェネレーターを使いました。
https://cssgradient.io/