.option-buttons{
	margin-top:5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.option-buttons a{
	display:inline-block;
	padding:10px;
	background-color:#F3F6FB;
	text-decoration:none;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.option-buttons a img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: block;
}

.option-buttons a.color{
	padding:0px;
	border:2px solid #FFFFFF;
}

.option-buttons.wrong a{
    background-color: #FDECEC;
    border: 2px solid #E53935;
    color: #B71C1C;
	padding:8px;
}

.option-buttons a.active{
	border:2px solid #1F4F6B;
	padding:8px;
	background-color:#1F4F6B;
	color:#FFFFFF;
}

.option-buttons a.active.color{
	padding:0px;
}

.option-buttons a:hover{
    transform: translateY(-2px);
	background-color:#F3F6FB;
	padding:10px;
	border:0px;
	color:#000000;
}

.option-buttons a.color:hover{
	padding:0px;
	border:2px solid #FFFFFF;
}

.option-buttons a.active:hover{
	transform: translateY(-2px);
	border:2px solid #2B6789;
	padding:8px;
	background-color:#2B6789;
	color:#FFFFFF;
}

.option-buttons a.active.color:hover{
	padding:0px;
}


.option-buttons a.disabled {
    background-color: #E0E0E0;
    color: #A0A0A0;
    border: 2px solid #C0C0C0;
	
	padding:8px;
    pointer-events: none;
    cursor: not-allowed;
    transform: none;
}

.option-buttons a.disabled:hover {
    background-color: #E0E0E0;
}