.skyone-fc { display: contents;
}
.skyone-fc__bubble--wpp {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
cursor: pointer;
background: #25d366;
box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
right 0.4s cubic-bezier(0.22, 1, 0.36, 1),
bottom 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease,
opacity 0.35s ease;
}
.skyone-fc__bubble--wpp:hover {
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
} .skyone-fc__bubble--wpp.is-hidden {
opacity: 0;
pointer-events: none;
} .skyone-fc__bubble--wpp.is-dominant {
width: var(--fc-dom, 60px);
height: var(--fc-dom, 60px);
right: calc(var(--fc-r, 24px) + var(--fc-badge, 22px) * 0.7);
bottom: var(--fc-b, 24px);
z-index: 100000;
} .skyone-fc__bubble--wpp.is-badge {
width: var(--fc-badge, 22px);
height: var(--fc-badge, 22px);
right: var(--fc-r, 24px);
bottom: calc(var(--fc-b, 24px) + var(--fc-dom, 60px) - var(--fc-badge, 22px) * 0.4);
z-index: 100002;
} .skyone-fc__glyph {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.skyone-fc__glyph svg {
display: block;
width: 52%;
height: 52%;
}
@media (prefers-reduced-motion: reduce) {
.skyone-fc__bubble--wpp {
transition: none;
}
}