.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000; /* para garantir que o botão fique acima de outros elementos */
    padding: 10px 20px; /* tamanho padrão */
}

/* Classes de mensagem equivalentes a alert-success e alert-danger do Bootstrap */
.mensagemSucesso-css {
    display: none;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #c3e6cb;
    border-radius: 0.25rem;
    background-color: #d4edda;
    color: #155724;
}

.mensagemErro-css {
    display: none;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    background-color: #f8d7da;
    color: #721c24;
}

.mensagemWarning-css {
    display: none;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #ffeeba;
    border-radius: 0.25rem;
    background-color: #fff3cd;
    color: #856404;
}

/* Estilos para dispositivos com largura máxima de 768px (tipicamente tablets e celulares) */
@media (max-width: 768px) {
    .floating-button {
        bottom: 10px;
        right: 10px;
        padding: 5px 10px; /* tamanho reduzido para dispositivos móveis */
        font-size: 14px; /* tamanho de fonte reduzido */
    }
}