#sanfona {
    text-align: center;
}

@media (max-width: 767px) {
    .botao-sticky {
        position: fixed !important;
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 85% !important; /* Força uma largura boa para mobile */
        z-index: 99999 !important;
        
        /* Efeito de fade invisível, mas sem quebrar o layout */
        opacity: 0;
        pointer-events: none; 
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    
    /* Quando o JS ativar, ele aparece suavemente subindo um pouquinho */
    .botao-sticky.visivel {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
    }
}