Additional class when you use @extend

[fameches]

I use nested classes with &- syntax and @extend and I got on 8 line: .menu-image .menu-image-closed instead of just .menu-image-closed . node-sass 4.14.1

.menu {
    &-image {
        .common-image-button {
            @media (max-width: 123) {
                transform: scale(0.8, 0.8);
            }
        }

        .common-image-button-closed {
            @extend .common-image-button;
            display: none;
            width: 38px;
            height: 38px;
        }

        &-closed {
            @extend .common-image-button-closed;
             display: block;
        }

        &-opened {
            @extend .common-image-button-closed;
        }
    }
}