/* Livechat toggle button styles. Extracted from inline <style> in pages/partials/livechat.php on 2026-05-10. */

#livechat-toggle{
    width: 48px !important;
    height: 48px !important;
    background: var(--bmm-accent, #7E3AF2) !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    padding: 0 !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--bmm-accent, #7E3AF2) 38%, transparent);
    transition: transform .15s ease, box-shadow .15s ease;
}
#livechat-toggle:hover{
    transform: scale(1.05);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--bmm-accent, #7E3AF2) 48%, transparent);
}
#livechat-toggle svg{
    width: 30px !important;
    height: 30px !important;
    display: block;
    stroke: #fff !important;
    fill: none !important;
    stroke-width: 2.2 !important;
}
@media (max-width: 767px){
    #livechat-toggle{
        right: 4px !important;
        bottom: 4px !important;
        width: 44px !important;
        height: 44px !important;
    }
    #livechat-toggle svg{ width: 28px !important; height: 28px !important; }
}