@microlink/hover-vanilla

  <!-- https://microlink.io/docs/sdk/getting-started/styling -->
  <style>
    :root {
      --microlink-background-color: #1A1A1A;
      --microlink-color: white;
      --microlink-border-color: #666;
      --microlink-hover-border-color: #999;
    }
  </style>

  <!-- load @microlink/hover-vanilla -->
  <script src="https://cdn.jsdelivr.net/combine/npm/react@16/umd/react.production.min.js,npm/react-dom@16/umd/react-dom.production.min.js,npm/react-is@16/umd/react-is.production.min.js,npm/styled-components@5/dist/styled-components.min.js,npm/@microlink/mql@latest/dist/mql.min.js,npm/@microlink/hover-vanilla@latest/dist/microlink.min.js"></script>

  <!-- intialize `microlinkHover` -->
  <script>
    document.addEventListener('DOMContentLoaded', function (event) {
      microlinkHover('a')
    })
  </script>