.vbpt-checkbox{display:inline-flex;align-items:center;gap:.4em}
.vbpt-checkbox input{position:absolute;opacity:0}
.vbpt-checkbox span::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid #34A86E;margin-right:.4em;border-radius:4px;vertical-align:middle}
.vbpt-checkbox input:checked+span::before{background:#34A86E url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10"><path d="M1 5l3 3 7-7" stroke="white" stroke-width="2" fill="none"/></svg>') center/10px no-repeat}
.vbpt-button{background:#1A73D9;color:#fff;padding:.6em 1em;border:none;border-radius:6px;cursor:pointer}
.vbpt-bar{background:#eee;height:8px;border-radius:999px;overflow:hidden;margin:.5em 0}
.vbpt-fill{background:#34A86E;height:100%;width:0}
.vbpt-button.is-done{opacity:0.75;}