How to add custom navigation arrows in vue carousel 3D?

I am using the Vue Carousel 3D plugin to create a gallery, but I am facing the problem that I cannot change the navigation arrows. Standard arrows can be replaced using html special characters

<a href=""></a><a href=""></a><a href=""></a><div id="example">
                                <carousel-3d  :controls-visible="true" :controls-visible="true" :controls-prev-html="'←'" :controls-next-html="'→'" 
                                    :controls-width="40" :controls-height="40"  
                                         :clickable="true" :perspective="200"  :display="7" :space="25"> 
                                    <slide v-for="(slide, i) in slides" :index="i">
                                      <figure>
                                         <img :src="slide.src">
                                      </figure>
                                   </slide>
 
                              </carousel-3d>
</div>

But I want to replace them with symbols with Font Awesome. That is, in fact, you need to write down, for example, in controls-prev-html and controls-next-html, but how to do this correctly so that it is displayed in the browser, I did not understand

Code /jsfiddle.net/f5u1dx7w/
Site tempesv0.beget.tech