SOURCE

<button id="id1">
    <div>
        <div id="id2">123</div>
    </div>
</button>

#id1 {
    width: 100px;
    height: 100px;
    outline: none;
    border: 0;
    background: url('https://images.pexels.com/photos/3236733/pexels-photo-3236733.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500');
}

#id1 #id2 {
    color: red;
}

#id1:active {
    background: url('https://images.pexels.com/photos/6553054/pexels-photo-6553054.jpeg?cs=srgb&dl=pexels-lisa-fotios-6553054.jpg&fm=jpg');
}

#id1:hover #id2 {
    color: yellow;
}

#id1:active #id2 {
    color: blue;
}