div.contato.dropup-center {
    position: fixed !important;
    bottom: 47px !important;
    right: 30px !important;
    margin: 0px !important;
    
}


div.contato.dropup-center button {
    background: #16b98f !important;
    border: none !important;
      min-width: unset !important; /* remove o limite mínimo do Bootstrap */
      width: 50px;
      height: 50px;
    padding: 0 !important;       
}

div.contato.dropup-center button:hover {
    transition: all 0.6s ease-in-out !important;
    background: #000000 !important;
}

div.contato.dropup-center button:focus,
div.contato.dropup-center button:active {
    background: #000000 !important;
    box-shadow: none !important;
    /* tira contorno azul do bootstrap */
}

div.contato.dropup-center button i {
    color: #ffffff !important;

}

div.contato.dropup-center button i:hover {
    color: #16b98f !important;
}

div.contato.dropup .dropdown-toggle::after {
    display: none !important;
}

div.contato ul.dropdown-menu {

    align-items: center;
    text-align: center !important;
    border: none !important;
    font-size: 30px !important;
    background-color: transparent !important;
    display: block !important;
    /* Mantém sempre "block" */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(200px);
    /* Começa mais embaixo */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

div.contato ul.dropdown-menu.show {
    opacity: 1;
    /* Fica visível */
    visibility: visible;
    /* Permite interação */
    pointer-events: auto;
    /* Permite cliques quando visível */
}

div.contato ul.dropdown-menu li a {
    align-items: center !important;
    text-align: center !important;
     position: relative !important;
 
    left: 40% !important; /* centraliza no botão */
    background-color: #16b98f !important;
    width: 50% !important;
    height: 8vh !important;
    border-radius: 100% !important;
  
    transition: 0.3s !important;
}

div.contato ul.dropdown-menu li a:hover {
    box-shadow: 0 0 10px #16b98f, 0 0 10px #16b98f, 0 0 10px #16b98f !important;
    transition: all 0.6s ease-in-out !important;
    background-color: #000000 !important;
}

div.contato ul.dropdown-menu li a i {
    color: #ffffff;

    font-size: 1.5 em;
    margin-top: 2vh !important;
}

@media only screen and (max-width: 500px) {
  
  div.contato ul.dropdown-menu li a i {

    margin-top: 2vh !important;
    margin-right: 10px !important;
   font-size: 20px !important;
}

div.contato ul.dropdown-menu li a{
min-width: unset !important; /* remove o limite mínimo do Bootstrap */
left: 45% !important;
    width: 40% !important;

}



}


div.contato ul.dropdown-menu li a i:hover {
    transition: all 0.6s ease-in-out !important;
    color: #16b98f !important;
}