<!-- Change `data-app-id` to your app-id found at https://dashboard.userkit.io -->
<script src="https://widget.userkit.io/widget.js" 
        data-app-id="app_QXcr2SsR">
</script>

<button onclick="UserKitWidget.open('login')">Sign in</button>
button {
  cursor: pointer;
  min-height: 3em;
  width: 200px;
  font-size: 16px;
  line-height: 1em;
  background: #3288e6;
  color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 0;
  -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.15), 0 2px 4px 0 rgba(0,0,0,.12);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.15), 0 2px 4px 0 rgba(0,0,0,.12);
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.15), 0 2px 4px 0 rgba(0,0,0,.12);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.