/* Estilos gerais do botão flutuante */
.wfb-float-btn {
    position: fixed;
    bottom: var(--wfb-margin);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    background-color: #25d366;
    color: #fff;
}

/* Posicionamento Dinâmico */
.wfb-pos-left {
    left: var(--wfb-margin);
    right: auto;
}

.wfb-pos-right {
    right: var(--wfb-margin);
    left: auto;
}

.wfb-float-btn:hover {
    transform: scale(1.1);
    color: #fff;
}

.wfb-float-btn svg {
    width: 70%;
    height: 70%;
    fill: currentColor;
}

/* Estilo Clássico Redondo */
.wfb-style-classic_round {
    width: var(--wfb-icon-size);
    height: var(--wfb-icon-size);
    border-radius: 50%;
}

/* Estilo Retangular com Texto */
.wfb-style-classic_rect {
    padding: 10px 20px;
    border-radius: 8px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: calc(var(--wfb-icon-size) / 3);
}

.wfb-style-classic_rect svg {
    width: calc(var(--wfb-icon-size) / 2.5);
    height: calc(var(--wfb-icon-size) / 2.5);
    margin-right: 10px;
}

/* Estilo Pílula Moderna */
.wfb-style-modern_pill {
    padding: 10px 25px;
    border-radius: 50px;
    font-family: sans-serif;
    font-size: calc(var(--wfb-icon-size) / 3);
}

.wfb-style-modern_pill svg {
    width: calc(var(--wfb-icon-size) / 2.5);
    height: calc(var(--wfb-icon-size) / 2.5);
    margin-right: 10px;
}