*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}.demo-btn{padding:9px 20px;border-radius:7px;border:1px solid #444;background:#2a2a2a;color:#e0e0e0;font-size:14px;cursor:pointer;font-family:inherit;transition:background .15s,opacity .15s}.demo-btn:hover:not(:disabled){background:#3a3a3a}.demo-btn:disabled{opacity:.4;cursor:not-allowed}.demo-btn:focus-visible{outline:2px solid #6ea8fe;outline-offset:2px}.demo-btn--primary{background:#0d6efd;border-color:#0d6efd;color:#fff;font-weight:500}.demo-btn--primary:hover:not(:disabled){background:#0b5ed7}