/* Start custom CSS for html, class: .elementor-element-c1403fd */.container-botoes-flutuantes {
    position: fixed;
    top: 190px;
    right: 20px; /* Distância da borda direita */
    display: flex;
    flex-direction: column; /* Alinha os botões verticalmente */
    align-items: flex-end; /* Alinha os botões à direita */
    z-index: 1000; /* Garante que o contêiner fique acima de outros elementos */
}

/* Estilos gerais para os botões flutuantes */
.botao-flutuante {
    width: 50px; /* Largura do botão */
    height: 50px; /* Altura do botão */
    background-color: white; /* Cor de fundo branco */
    border-radius: 50%; /* Botão redondo */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para dar profundidade */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* Remove sublinhado do link */
    margin-bottom: 10px; /* Espaço entre os botões */
    overflow: hidden; /* Esconde o excesso da imagem */
    transition: transform 0.3s ease; /* Transição suave */
}

/* Ajusta o tamanho e o posicionamento das imagens para caber no botão */
.botao-flutuante img {
    width: 30px; /* Ajusta a largura da imagem */
    height: 30px; /* Ajusta a altura da imagem */
    object-fit: contain; /* Garante que a imagem seja contida dentro do botão */
    display: block;
    margin: auto;
}

/* Efeito de hover para os botões flutuantes */
.botao-flutuante:hover {
    transform: scale(1.1); /* Aumenta levemente o tamanho ao passar o mouse */
}

/* Estilos específicos para cada botão */
.botao-warehouse img {
    display: block;
    margin: auto; /* Centraliza a imagem dentro do botão */
}

.botao-whatsapp i {
    color: black; /* Cor do ícone do WhatsApp */
    font-size: 24px; /* Tamanho do ícone do WhatsApp */
}/* End custom CSS */