.product-field-display input[type=radio] {
	display: none;
}

.product-field-display label{
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	line-height: 34px;
	border: 1px solid #999;
	border-radius: 6px;
	user-select: none;
        font-family: arial;
        font-weight: 500;
}

.product-field-display label:has(input:checked) {
        background-color: #000;
        color:#fff;
}

.product-field-display .radio:hover  {
        background-color: #000;
        color: #fff;
}