        left: -4px;
      }
    </style>
  </head>
  <body>
    <button id="button" aria-describedby="tooltip">My button</button>
    <div id="tooltip" role="tooltip">
      My tooltip
      <div id="arrow" data-popper-arrow></div>
    </div>

    <script src="../lib/popper.min.js"></script>
    <script>
      const button = document.querySelector("#button");
      const tooltip = document.querySelector("#tooltip");

      const popperInstance = Popper.createPopper(button, tooltip, {
      