as setas do swiper não querem sumir

<div class="swiper">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="./imgs/ApacheKafka.png" alt="Livro sobre Apache kafka"></div>
            <div class="swiper-slide"><img src="./imgs/Javascript.png" alt="Livro Javascript"></div>
            <div class="swiper-slide"><img src="./imgs/Liderança.png" alt="Livro sobre Liderança"></div>
            <div class="swiper-slide"><img src="./imgs/Guia Front-end.svg" alt="Livro guia para front-end"></div>
            <div class="swiper-slide"><img src="./imgs/Portugol.png" alt="livro sobre Portugol"></div>
            <div class="swiper-slide"><img src="./imgs/Tuning.png" alt="livro sobre Tuning"></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>

.carrossel__titulo{
    color: var(--laranja);
    background-color: var(--branco);
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight:var(--font-weight-bold);
    padding: 1em 0 0.5em 0;
}

.swiper-slide img{
    width: 100%;
}

.swiper-button-prev, 
.swiper-button-next{
    display: none;
}