Core 2k6k

Front:
<span style="font-size: 50px;  ">{{Vocabulary-Kanji}}</span>
==========================================================
Back:
{{FrontSide}}

<hr id=answer>

<span id="HiddenSentenceEnglish" style="position:absolute;font-size:0px">{{Sentence-English}}</span>

<div id="ToolBar" style="text-align:left; font-size:10px;">
	<div id="TB_B0_Div" class="buttonDiv">
		<input id="TB_Button0" class="button" type="button" value="toggle furigana" />
	</div>
	<div id="TB_B1_Div" class="buttonDiv">
	<input id="TB_Button1" class="button" type="button" value="toggle english sentence" />
	</div>
</div>

<span id="test" style="font-size:20px;"></span>

<span style="font-size: 30px; ">{{Vocabulary-English}}</span>
<br>
<div id="Vocab-kana" style="position:relative;right:21px;display:inline;">
	<span id="Vocab-audio" class="audio-button" style="position:relative;">{{Vocabulary-Audio}}</span>
	<span id="Vocab-kana-text" class="inlineBlock" style="font-size:35px;">{{Vocabulary-Kana}}</span>
</div>
<br>
<span style="font-size: 14px; ">{{Vocabulary-Pos}}</span>
<br>
<div style="display:inline;position:relative;right:21px">
	<span id="Sentence-audio" class="audio-button" style="position:relative;"></span>
	<div id="Sentence-div-NoFurigana" style="display:inline;">
		<span id="ReadingNoFurigana" class="inlineBlock" style="font-size:40px;">{{Expression}}</span>
	</div>
	<div id="Sentence-div-Furigana" style="display:none;">
		<span id="ReadingFurigana" class="inlineBlock" style="font-size: 40px;">{{furigana:Reading}}</span>
	</div>
</div>
<br>
<span id="SentenceEnglish" style="font-size: 25px; "></span>
<br>

<script type="text/javascript">

	//document.getElementById("TB_B0_Div").style.backgroundColor = "#858585";
	//document.getElementById("TB_B1_Div").style.backgroundColor = "#858585";

	document.getElementById("TB_B0_Div").style.backgroundColor = "#555555";
	document.getElementById("TB_B1_Div").style.backgroundColor = "#555555";

	document.getElementById("TB_B0_Div").style.height = String(document.getElementById("TB_B0_Div").clientHeight + (0.15*document.getElementById("TB_Button0").clientHeight)) + "px";

	document.getElementById("TB_Button0").style.position = "relative";
	document.getElementById("TB_Button0").style.top = String(document.getElementById("TB_B0_Div").clientHeight - document.getElementById("TB_Button0").clientHeight) + "px";

	document.getElementById("TB_B1_Div").style.height = String(document.getElementById("TB_B1_Div").clientHeight + (0.15*document.getElementById("TB_Button1").clientHeight)) + "px";

	document.getElementById("TB_Button1").style.position = "relative";
	document.getElementById("TB_Button1").style.top = String(document.getElementById("TB_B1_Div").clientHeight - document.getElementById("TB_Button1").clientHeight) + "px";

	document.getElementById("Vocab-audio").style.bottom = String(Number(document.getElementById("Vocab-kana-text").style.fontSize.slice(0,document.getElementById("Vocab-kana-text").style.fontSize.indexOf("p"))) / 4) + "px";

	document.getElementById("Sentence-audio").style.bottom = String(Number(document.getElementById("ReadingFurigana").style.fontSize.slice(0,document.getElementById("ReadingFurigana").style.fontSize.indexOf("p"))) / 4) + "px";

	document.getElementById("TB_Button0").onclick = function () {
		if (document.getElementById("Sentence-div-Furigana").style.display == "none") {
			document.getElementById("Sentence-div-NoFurigana").style.display = "none";
			document.getElementById("Sentence-div-Furigana").style.display = "inline";
			//document.getElementById("TB_B0_Div").style.backgroundColor = "#EEEEEE";
			document.getElementById("TB_B0_Div").style.backgroundColor = "#00ABC1";
		} else {
			document.getElementById("Sentence-div-Furigana").style.display = "none";
			document.getElementById("Sentence-div-NoFurigana").style.display = "inline";
			//document.getElementById("TB_B0_Div").style.backgroundColor = "#858585";
			document.getElementById("TB_B0_Div").style.backgroundColor = "#555555";
		};
	};

	document.getElementById("TB_Button1").onclick = function () {
		if (document.getElementById("SentenceEnglish").innerHTML == "") {
			document.getElementById("SentenceEnglish").innerHTML = document.getElementById("HiddenSentenceEnglish").innerHTML;
			//document.getElementById("TB_B1_Div").style.backgroundColor = "#EEEEEE";
			document.getElementById("TB_B1_Div").style.backgroundColor = "#00ABC1";
		} else {
			document.getElementById("SentenceEnglish").innerHTML = "";
			//document.getElementById("TB_B1_Div").style.backgroundColor = "#858585";
			document.getElementById("TB_B1_Div").style.backgroundColor = "#555555";
		};
	};
</script>
==========================================================
CSS:
.card {
 font-family: arial;
 font-size: 25px;
 text-align: center;
 color: #333333;
 background-color: #F2F2EC;
}

.button {
#background-color: #363636;
background-color: #757575;
border: 0;
color: #EDEDED;
padding: 4px;
font-size: 10px;
font-family: "Arial";
font-weight: bold;
text-align: left;
}

.buttonDiv {
display: inline-block;
}

.audio-button .replaybutton span svg {
fill: white;
}

span.inlineBlock {
display:inline-block
}