.elementor-element > button.aqara-background-video-toggle {
    all: unset !important;
    box-sizing: border-box !important;
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    background: #222 !important;
    color: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
.aqara-background-video-toggle svg { width: 12px; height: 12px; fill: currentColor; }
.aqara-background-video-toggle::before,
.aqara-background-video-toggle::after { content: none !important; }
.aqara-background-video-toggle[data-playing="true"] .aqara-bg-video-play,
.aqara-background-video-toggle[data-playing="false"] .aqara-bg-video-pause { display: none; }
.elementor-element > button.aqara-background-video-toggle:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #fff !important;
}
@media (hover: hover) and (pointer: fine) {
    .elementor-element:not(:hover):not(:focus-within) > button.aqara-background-video-toggle {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}
@media (forced-colors: active) {
    .elementor-element > button.aqara-background-video-toggle:focus-visible { outline-color: Highlight !important; }
}
