Можно решить более грамотным путём:
.widget_button::after {
content: url('images/widget_country_button_off.png');
}
.widget_button--on::after {
content: url('images/widget_country_button_on.png');
}
<div class="widget_button" onclick="this.classList.toggle('widget_button--on')"></div>