Distance x pixels from right CSS

I’m adding a custom CSS to my website (in order to translate) and my programmer gave me the following code:

<div class="gtranslate_wrapper"></div>
<script>
  window.gtranslateSettings = {
    "default_language": "en",
    "detect_browser_language": true,
    "languages": ["en", "pt"],
    "wrapper_selector": ".gtranslate_wrapper",
    "flag_size": 16,
    "horizontal_position": "right",
    "vertical_position": "top",
    "alt_flags": {
      "en": "usa",
      "pt": "brazil"
    }
  }
</script>
<script src="https://cdn.gtranslate.net/widgets/latest/fc.js" defer></script>

However, I would like to distance something like 300px from right, instead of being in top right, so how can I do it?

Tried something like “horizontal_position”:”right:300px” but it didn’t work, throwing the flags and codes all the way left. Also tried to add a “border-right: 300px solid transparent” feature, leaving the same results.