/* Official Icon only: keep default/stacked/framed skins, size and hover colors. */
.elementor-widget-icon .elementor-icon:focus-visible,
.elementor-widget-icon:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 3px #fff !important;
}

/* Expand a small control's hit area without changing the visible icon or layout. */
.elementor-widget-icon .elementor-icon:is([data-aqara-icon="link"], [data-aqara-icon="action"]) {
    position: relative;
}
.elementor-widget-icon .elementor-icon:is([data-aqara-icon="link"], [data-aqara-icon="action"])::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: max(100%, 24px);
    height: max(100%, 24px);
    transform: translate(-50%, -50%);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-widget-icon .elementor-icon,
    .elementor-widget-icon .elementor-icon-wrapper {
        animation: none !important;
        transition: none !important;
    }
    .elementor-widget-icon .elementor-icon[class*="elementor-animation-"]:hover,
    .elementor-widget-icon .elementor-icon[class*="elementor-animation-"]:focus {
        transform: none !important;
    }
}
@media (forced-colors: active) {
    .elementor-widget-icon .elementor-icon:focus-visible,
    .elementor-widget-icon:focus-visible {
        outline-color: Highlight !important;
    }
}