I have a problem that I can not solve. I made an accordion, as in the image below using bootstra 4, the desktop version of it looks like this:
Butthemobileversionofthetextgetsbiggerandendsupextrapolatingthelimit,Itriedtouseoverflow-x,buttheresultwasnotgood.Isthereanywaywhenthetextgoesbeyondthelimitofthebuttonitgoesdown?
link
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link btn-acrd" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<p class="p"><i class="fas fa-plus"></i> Quais convênios aceitamos?</p>
</button>
</h5>
</div>
<style>
.p{
white-space: normal;
}
</style>