.back-to-top {
    position: fixed;
    bottom: 80px; /* Distância do fundo da página */
    right: 20px; /* Distância da borda direita da página */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent; /* Remove a cor de fundo */
    border: none; /* Remove a borda */
    border-radius: 50%; /* Faz com que o fundo fique redondo */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adiciona sombra para destacar o ícone */
    z-index: 1000; /* Garante que o ícone fique acima do conteúdo da página */
    transition: opacity 0.3s ease; /* Adiciona efeito de transição na visibilidade */
}

.back-to-top.hidden {
    opacity: 0; /* Torna o ícone invisível */
    pointer-events: none; /* Remove a capacidade de clicar no ícone invisível */
}

.back-to-top img {
    width: 40px; /* Ajusta o tamanho do ícone */
    height: auto;
}