@media (max-width: 620px){
  .cabecalho{
    padding: 30px 0;
  }

  .personagens-slider{
    padding: 0 15px;
    gap: 10px;
  }

  .btn-seta{
    width: 20px;
    height: 20px;
    padding: 20px;
  }

  .btn-seta img {
    width: 30px; /* Ajuste o tamanho da imagem para se ajustar dentro do botão */
    height: auto; /* Mantém a proporção da imagem */
  }

  .lista-personagens{
    height: 480px;
  }


}


@media (max-width: 393px){
  .cabecalho h1{
    font-size: 25px;
  }
  
  .cabecalho{
    padding: 30px 0;
  }

  .personagens-slider{
    padding: 0 15px;
    gap: 10px;
  }

  .btn-seta{
    width: 20px;
    height: 20px;
    padding: 20px;
  }

  .btn-seta img {
    width: 30px; /* Ajuste o tamanho da imagem para se ajustar dentro do botão */
    height: auto; /* Mantém a proporção da imagem */
  }

  .lista-personagens{
    height: 393px;
  }
}