JSFiddle - React, Tailwind, and code Playground

by David Brierton

HTML

<div id="google_translate_element" style="float:left; padding-left:15px"></div>

<script type="text/javascript">
			function googleTranslateElementInit() {
				new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout}, 'google_translate_element');
			}
		</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

CSS

.goog-logo-link {
  display:none !important;
} 
.goog-te-gadget{
  color: transparent !important;
}
SELECT.goog-te-combo{
  color: #687074;
  text-transform: uppercase;
}

SELECT.goog-te-combo:hover{
  color:#18BA9B;
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
   color:#18BA9B;
}