broken inlined button, FF

dabblet.css

/* broken inlined button, FF */
.btn {
	all: initial;
	background: red;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* fix for 140562 https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.btn::-moz-focus-inner { all: initial; }

.btn.ib { display: inline-block; }

p { width: 100px; }

dabblet.html

<p>Here is <a class="btn">Button with long text</a></p>
<p>Here is <button class="btn">Button with long text</button></p>
<p>Here is <button class="btn ib">Button with long text</button></p>

settings.json

{"view":"split","fontsize":"100","seethrough":"1","prefixfree":"","page":"all"}