#fpcai-floating-chat-app-icon {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--icon-size, 30px) * 1.50); /* Wrapper size is 50% larger than the icon */
    height: calc(var(--icon-size, 30px) * 1.50);
    border-radius: var(--border-radius, 50%); /* Ensure the wrapper can be customized */
    background-color: var(--icon-bg-color, #25d366); /* Default background color */
    transition: filter 0.3s ease; /* Smooth transition for hover effect */
}

#fpcai-floating-chat-app-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#fpcai-floating-chat-app-icon svg {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    fill: var(--icon-fill, #ffffff); /* Default fill color */
    stroke: var(--icon-stroke, #000000); /* Default stroke color */
    shape-rendering: geometricPrecision; /* Ensure smooth rendering */
}

#fpcai-floating-chat-app-icon svg path {
    fill: var(--icon-fill, #ffffff); /* Default fill color */
    stroke: var(--icon-stroke, #000000); /* Default stroke color */
}

#fpcai-floating-chat-app-icon:hover,
#fpcai-floating-chat-app-icon:focus {
    filter: var(--filter-effect, none); /* Added a fallback to 'none' */
}