/* Desktop: right side vertically centered circular button */
@media (min-width: 768px) {
    .fwcb-floating-button {
        position: fixed;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #25d366;
        box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
         z-index: 2147483647 !important; /* max z-index to outrank almost everything */
        transition: background-color 0.3s ease;
    }

    .fwcb-floating-button:hover,
    .fwcb-floating-button:focus {
        background-color: #128c4a;
        outline: none;
    }
}

/* Mobile: full width green bar at very bottom with centered icon */
@media (max-width: 767px) {
    .fwcb-floating-button {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        background-color: #25d366;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 999999;
        border-radius: 0;
        box-shadow: 0 -2px 8px rgb(0 0 0 / 0.15);
        transition: background-color 0.3s ease;
    }

    .fwcb-floating-button:hover,
    .fwcb-floating-button:focus {
        background-color: #128c4a;
        outline: none;
    }

   /* Desktop icon size */
@media (min-width: 768px) {
    .fwcb-floating-button img {
        width: 100px;
        height: 100px;
    }
}

/* Mobile icon size */
@media (max-width: 767px) {
    .fwcb-floating-button img {
        width: 60px;
        height: 60px;
    }
}

}