如何通过开发者工具中的 html 删除元素创建 {display:none} css 代码

Question

我在我的网站上使用谷歌翻译，它显示悬停气球框架“原始文本”！但我真的不想展示那个气球框框！并且需要隐藏它！

这是唯一的错误代码，我使用开发者工具暂时删除了它：

< div id="goog-gt-" class="VIpgJd-suEOdc VIpgJd-yAWNEb-L7lbkb skiptranslate" dir="ltr" style="visibility: hidden; left: 433px; top: 885px; display: none;" >

开发者工具截图

但是我需要一个 {display:none} css 代码来在我的主题中使用来完成删除这个带有 css 代码的 html 元素：

< div id="goog-gt-" class="VIpgJd-suEOdc VIpgJd-yAWNEb-L7lbkb skiptranslate" dir="ltr" style="visibility: hidden; left: 433px; top: 885px; display: none;" >

这个问题不仅仅是插件的问题，也是web google translator造成的！附上网址链接的屏幕截图，您可以看到。

图片测试链接

我在开发人员工具中删除了这个带有删除 html 的悬停框并且它有效！我相信这个问题可以用一个简单的 css 脚本来解决。但不幸的是，我没有 css 编码知识。

链接测试： https://sotor-com.translate.goog/%D9%85%D9%86_%D9%87%D9%8A_%D8%A7%D9%84%D9%82%D8%A8%D8%A7% D8%A6%D9%84_%D8%A7%D9%84%D8%B9%D8%AF%D9%86%D8%A7%D9%86%D9%8A%D8%A9?_x_tr_sl=ar&_x_tr_tl=en&_x_tr_hl= fa&_x_tr_pto=wapp

如果有人知道，请帮助我并告诉我解决方案！

感谢和问候