<div class="tac">
	<label>আমি ভালা</label>
	<label>আমি ভালা</label>
	<input type="checkbox">
	<label>আমি বদ 😈</label>
	<label>আমি ভালা</label>
	<label>আমি ভালা</label>
</div>
.tac {
	text-align: center;
	margin-top: 20px;
}

label {
	display: inline-block;
	padding: 7px 30px 5px;
	background: #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
}

input + label {
	opacity: .2;
	background: #ff4444;
	color: #fff;
	transition: all .3s ease;
}

input:checked + label {
	opacity: 1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.