JSFiddle - React, Tailwind, and code Playground

HTML

<div class="newsbutton">
	<div class="catlink">
	    <a href="#" title="News">News</a>
	</div>
    <div class="shareimage">
        Image
	</div>
	<div class="shares">
        <div class="totalshares">
					0 Shares					
        </div>
		<div class="homenetworks">					
            Networks
		</div>
</div>

CSS

.homenetworks, .shares:hover>div {
    display: none;
}

.shares:hover>.homenetworks {
    display: block;
}

.shares:hover>.catlink {
	display:none;
}

.shares:hover>.shareimage {
   	display:none; 
}
}