radio-button replacement

file.html

<div class="variations">
  <input type="radio" name="attribute_pa_tamanho" id="p" value="p">
  <label for="p" class="attribute_pa_tamanho">p</label>
</div>

style.css

.variations label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 5px 7px;
	margin-right: 15px;
	font-size: 13px;
	color:#000;
	text-align: center;
}

.variations label:hover{
	background:#000;
	color: #fff;	
}

.variations input[type=radio] {
	display: none;
}

.variations input[type=radio]:checked + label {
	background:#000;
	color: #fff;
}