Move google maps logo above custom interface on bottom. JavaScript

Question

I want to display some semi-transparent interface on bottom of google maps, therefore I need to move google logo without breaking terms of service. In google android docs I saw setPadding() just for this purpose, but I can't find anything similar for web javascript google maps API.
So how can I achieve that?

Not a duplicate: this question is about moving logo out of map's scope. For moving it inside map there is already some means in Android API, so i want to know what is the way to do this in JS. If there is one.

Update: Ok it seems that I was somehow not clear enough. In android API there is an official means to change placement of logo. Refer to this official docs

As per the Google Maps API terms of service, your application must not remove or obscure the Google logo or copyright notices. Map padding allows you to reposition these elements if necessary. If you display a custom UI at the bottom of the map, add padding to the bottom of the map so that the logo and legal notices will always be visible.

Please do not emphasise that I can't move logo in ANY way. It's a false assumption.

Answer 1

From Can I overlay Google Logo on map or move it to top right? user Tuxzone answer helps me.

      var css = document.createElement("style");
      css.type = "text/css";
      css.innerHTML = "#map"+" div div a[target='_blank'] div{marginbottom:50px;} ";
      document.head.appendChild(css);  
      map = new google.maps.Map(document.getElementById("map"), mapOptions);