Hover on SASS /BEM

how do you change background color on child divs on hover using sass and BEM.

&__burger {
        border : 1px solid $light-grey-4;
        width  : 50px;
        height : 50px;
        display: none;
        padding: 1rem .5rem;
        cursor: pointer;
        
        &:hover{
            background-color: $light-green;                
        }
    }
&__burger-child {        
        height: 3px;
        margin-bottom: 5px;
        background-color: $dark-grey-5;       
    }


<div class="navbar__burger">
                    <div class="navbar__burger-child"></div>
                    <div class="navbar__burger-child"></div>
                    <div class="navbar__burger-child"></div>
                </div>