<html>

<head>

  <!-- Open the widget -->
  <script>
    window.document.addEventListener('sleek:init', () => {
      $sleek.open();
    }, false);
  </script>

  <!-- Add the widget code -->
  <script type="text/javascript">
    window.$sleek = [];
    window.SLEEK_PRODUCT_ID = 213255974;
    (function() {
      d = document;
      s = d.createElement("script");
      s.src = "https://client.sleekplan.com/sdk/e.js";
      s.async = 1;
      d.getElementsByTagName("head")[0].appendChild(s);
    })();
  </script>

</head>

<body>
  <div class="hide-close"></div>
</body>

</html>
.i-sl-wrapper {
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0px !important;
}

.hide-close {
  width: 70px;
  height: 70px;
  position: absolute;
  z-index: 9999999;
  top: 0px;
  right: 0px;
  background: #00b3a4;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.