<!-- 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);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.