.labella-whatsapp{

position:fixed;

right:22px;
bottom:22px;

width:64px;
height:64px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

text-decoration:none;

background:linear-gradient(135deg,#6D0482,#4B0B5B);

color:#D4AF37;

border:1px solid rgba(212,175,55,.35);

backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);

box-shadow:
0 12px 35px rgba(109,4,130,.28),
0 0 40px rgba(212,175,55,.15);

transition:
transform .35s ease,
box-shadow .35s ease,
background .35s ease;

z-index:999999;

}

.labella-whatsapp svg{

width:30px;
height:30px;

}

.labella-whatsapp::before{

content:"";

position:absolute;

inset:-16px;

border-radius:50%;

background:radial-gradient(circle,
rgba(212,175,55,.25) 0%,
rgba(109,4,130,.12) 45%,
transparent 75%);

filter:blur(18px);

z-index:-1;

}

.labella-whatsapp:hover{

transform:translateY(-5px) scale(1.06);

background:linear-gradient(135deg,#7D0C97,#56056A);

box-shadow:
0 20px 50px rgba(109,4,130,.35),
0 0 55px rgba(212,175,55,.25);

}

.labella-whatsapp:active{

transform:scale(.95);

}

@media(max-width:768px){

.labella-whatsapp{

width:58px;
height:58px;

right:16px;
bottom:16px;

}

.labella-whatsapp svg{

width:28px;
height:28px;

}

}

/* ==================================
   LA BELLA HEADER SMOKE AURA
================================== */

@keyframes labellaHeaderSmoke{

    0%{
        opacity:0;
        transform:translateX(-300px);
    }

    35%{
        opacity:1;
    }

    100%{
        opacity:0;
        transform:translateX(600px);
    }

}

.labella-header-smoke{

    position:fixed;

    top:0;
    left:0;

    width:500px;
    height:80px;

    background:
    radial-gradient(
        ellipse 60% 100% at 50% 50%,
        rgba(109,4,130,.45) 0%,
        rgba(109,4,130,.18) 50%,
        transparent 100%
    );

    filter:blur(25px);

    pointer-events:none;

    z-index:99999;

    animation:
    labellaHeaderSmoke 2.2s cubic-bezier(.25,.46,.45,.94) forwards;

}