.helpful_container {
	display: grid;
	place-items: center;
	gap: .5em;
}

.helpful_container [data-type] {
	opacity: .5;
	filter: grayscale(.5);
	cursor: pointer;
}

.helpful_options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	place-items: center;
	gap: .5em;
} .helpful_options > * {
	display: block;
}

.helpful_container[data-decision="neg"] [data-type="neg"],
.helpful_container[data-decision="pos"] [data-type="pos"],
.helpful_container [data-type]:hover {
	opacity: 1;
	filter: grayscale(0);
}