JSFiddle - React, Tailwind, and code Playground

HTML

<button id="slide_prev" class="slide_button" onClick="prevImg()">Previous</button>
    <button id="slide_pause" class="slide_button" onClick="pauseShow()">Pause</button>
    <button id="slide_next" class="slide_button" onClick="nextImg()">Next</button>

CSS

button {
	margin: 0;
	padding: 0;
}
button.slide_button {
	background-color: #E3E4F0;
	border: 1px #8C8C8C solid;
	border-radius: 25px;
	height: 25px;
	padding: 0px 5px;
	vertical-align: middle;
	line-height: 25px;
}
button.slide_button:hover {
	background-color: #E3E4F0;
	border: 1px #8C8C8C solid;
	border-radius: 25px;
	height: 25px;
	color: #F00;
}
button.slide_button:active {
	background-color: #BFBFE3;
	border: 1px #8C8C8C solid;
	border-radius: 25px;
	height: 25px;
}