JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center faqknapp" id="faq1"><span class="bold">Om hur lång tid får jag min beställning?</span>&nbsp;&nbsp;
        <div class="pil" id="pil1">&darr;</div><div class="pil hidden" id="pil2">&uarr;</div></div>
        <div class="left hidden" id="faqdiv1"><span class="bold">Svar: </span>Detta beror mycket på antalet och vilka gosedjur du har beställt. Det kan ta tre dagar för de mindre och upp till tre veckor för de större. Ibland har vi några stycken på lager och då kan det gå fortare!</div>

CSS

.hidden {
	display: none;
}
.faqknapp {
	width: 400px;
	padding: 3px;
	border: none;
	background-color: #F0F3BD;
	font-family: comic sans MS;
	font-size: 15px;
}
.pil {
	font-weight: bold;
	font-size: 18px;
}
.faqknapp:hover {
	text-decoration: underline;
	cursor: pointer;
}
.center {
  text-align:center;
  margin:auto;
}