:root {
    --medonix-widget-green: #21AB1A;
    --medonix-widget-green-hover: #1E8E15;
}

.medflex-round-widget__button,
.social-fab__toggle,
.social-fab__item {
    background: #21AB1A !important;
    background: var(--medonix-widget-green) !important;
    color: #FFFFFF !important;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.medflex-round-widget__button {
    box-shadow: 0 16px 16px rgba(33, 171, 26, 0.38) !important;
}

.medflex-round-widget__button::before,
.medflex-round-widget__button::after {
    background: #21AB1A !important;
    background: var(--medonix-widget-green) !important;
}

.medflex-round-widget__button:hover,
.social-fab__toggle:hover,
.social-fab__item:hover {
    background: #1E8E15 !important;
    background: var(--medonix-widget-green-hover) !important;
}

.medflex-round-widget__button:hover::before,
.medflex-round-widget__button:hover::after {
    background: #1E8E15 !important;
    background: var(--medonix-widget-green-hover) !important;
}

.social-fab__item img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain;
    filter: brightness(0) invert(1) !important;
}

.social-fab__toggle {
    animation: medonix-social-fab-pulse 2s infinite !important;
}

.social-fab.open .social-fab__toggle {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .social-fab__toggle {
        animation: none !important;
    }
}

@keyframes medonix-social-fab-pulse {
    0% {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(33, 171, 26, 0.55);
    }
    70% {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 0 18px rgba(33, 171, 26, 0);
    }
    100% {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(33, 171, 26, 0);
    }
}