/* Floating container */

.pfab-container{
position:fixed;
bottom:30px;
right:30px;
z-index:9999;
display:flex;
flex-direction:column;
align-items:flex-end;
font-family:system-ui, Arial, sans-serif;
}

/* OPTIONS WRAPPER */

.pfab-options{
display:flex;
flex-direction:column;
gap:12px;
margin-bottom:14px;
opacity:0;
transform:translateY(20px);
pointer-events:none;
transition:all .35s ease;
}

/* ACTIVE MENU */

.pfab-container.active .pfab-options{
opacity:1;
transform:translateY(0);
pointer-events:auto;
}

/* OPTION ITEM */

.pfab-item{
display:flex;
align-items:center;
gap:10px;
align-self: end;
text-decoration:none;
}

/* TITLE BOX */

.pfab-item span{
background:#ffffff;
padding:8px 14px;
border-radius:10px;
font-weight:600;
font-size:14px;
color:#222;
box-shadow:0 6px 18px rgba(0,0,0,0.12);
transition:all .25s ease;
}

/* ICON CIRCLE */

.pfab-item i{
width:36px;
height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#111;
color:#fff;
font-size:14px;
box-shadow:0 6px 18px rgba(0,0,0,0.18);
transition:all .25s ease;
}

/* HOVER EFFECT */

.pfab-item:hover span{
transform:translateX(-4px);
}

.pfab-item:hover i{
transform:scale(1.1);
}

/* MAIN FLOAT BUTTON */

.pfab-main{
width:58px;
height:58px;
border:none;
border-radius:16px;
color:#fff;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 10px 28px rgba(0,0,0,0.25);
transition:all .3s ease;
}