Setas do carrossel nao aparecem

eu estava fazendo o curso mas quando importei o script e passei o codigo do carrosel as setas nao apareceram

 <section class="carrossel">
        <h2 class="carrossel__titulo">ÚLTIMOS LANÇAMENTOS</h2>

        <!-- Slider main container -->
        <div class="swiper">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="assets/ApacheKafka.svg" alt=""></div>
                <div class="swiper-slide"><img src="assets/Javascript.svg" alt=""></div>
                <div class="swiper-slide"><img src="assets/Liderança.svg" alt=""></div>
                <div class="swiper-slide"><img src="assets/MetricasAgeis.svg" alt=""></div>
                <div class="swiper-slide"><img src="assets/Portugol.svg" alt=""></div>
                <div class="swiper-slide"><img src="assets/Tuning.svg" alt=""></div>
                ...
            </div>
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>

            <!-- If we need navigation buttons -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- If we need scrollbar -->
            <div class="swiper-scrollbar"></div>
        </div>

    </section>

    <script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
</body>