Hide Plugin Selector on Certain Pages

The linked page has an audio guide available in different languages. To avoid people thinking they can use the translate plugin to change the audio guide language tracks, I had hidden the plugin from appearing on those specific pages with their specific page IDs using additional CSS:

.page-id-2112 #gtranslate_wrapper {display:none!important;}
.page-id-2056 #gtranslate_wrapper {display:none!important;}
.page-id-2216 #gtranslate_wrapper {display:none!important;}
.page-id-2217 #gtranslate_wrapper {display:none!important;}
.page-id-2215 #gtranslate_wrapper {display:none!important;}
.page-id-2403 #gtranslate_wrapper {display:none!important;}
.page-id-2219 #gtranslate_wrapper {display:none!important;}
.page-id-2218 #gtranslate_wrapper {display:none!important;}

This worked well for a while until I noticed this week that the box was starting to appear on these pages again.

Now, I notice that the widget element’s class name is: “gtranslate_wrapper gt_container-XYZ” – where XYZ changes every page load. Is this the reason why the CSS won’t stop it from appearing now?

Is there some other way to hide the plugin from appearing on specific pages?

The page I need help with: [log in to see the link]