.floatina{position:fixed;bottom:var(--floatina-y,20px);z-index:2147483001;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}

.floatina.right{right:var(--floatina-x,20px);align-items:flex-end;}

.floatina.left{left:var(--floatina-x,20px);}

.floatina__overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(6px);z-index:2147482990;}

body.floatina-open .floatina__overlay{opacity:1;pointer-events:auto;}

.floatina__btn{width:64px;height:64px;border-radius:var(--floatina-btn-radius,22px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--floatina-btn-bg);transition:background .18s ease,transform .15s ease;}

.floatina__btn:hover{background:var(--floatina-btn-bg-hover);transform:translateY(-1px);}

.floatina__btn i{font-size:28px;color:var(--floatina-btn-icon);transition:color .18s ease,transform .18s ease;}

.floatina__btn:hover i{color:var(--floatina-btn-icon-hover);}

.floatina.right[aria-expanded=true] .floatina__btn{transform:rotate(6deg);}

.floatina.left[aria-expanded=true] .floatina__btn{transform:rotate(-6deg);}

.floatina__menu{display:flex;flex-direction:column;gap:10px;opacity:0;max-height:0;pointer-events:none;transform:translateY(6px);transition:opacity .22s ease,max-height .25s ease,transform .22s ease;}

.floatina[aria-expanded=true] .floatina__menu{opacity:1;max-height:1000px;pointer-events:auto;transform:translateY(0);}

.floatina__item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--floatina-btn-radius,20px);text-decoration:none;background:var(--fi-bg,green);color:var(--fi-text,#fff)!important;transition:background .18s ease,color .18s ease,transform .18s ease;}

.floatina__item i,.floatina__item span{color:inherit!important;}

.floatina.left .floatina__item{flex-direction:row-reverse;}

.floatina__item:hover{background:var(--fi-bg-hover,var(--fi-bg,green));color:var(--fi-text-hover,var(--fi-text,#fff))!important;transform:translateY(-1px);}

.floatina__item i{font-size:18px;}

.floatina__item span{font-weight:700;text-transform:uppercase;letter-spacing:.3px;}

@media (max-width:480px){
.floatina__btn{width:60px;height:60px;}

}