/*------------------------------------*/
/*---------- RADIO BUTTONS -----------*/
/*------------------------------------*/
input[type="radio"]{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
label.radio-button{
    float: left;
    width: 20%;
    &:first-child input[type="radio"] + span{
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    &:last-child input[type="radio"] + span{
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-right: 1px solid #E4EDF9;
    }
}
 label.radio-button span{
 	position: relative;
  	cursor: pointer;
 }
input[type="radio"] + span{
	float: left;
    text-align: center;
    width: 100%;
    border: 1px solid #E4EDF9;
    border-right: 1px solid transparent;
    padding: 0.7rem 0;
    font-size: 0.8rem;
    color: #8BA2BE;
 }
 input[type="radio"]:checked + span{
 	border: 1px solid rgba(26, 140, 255, 0.3);
    color: #1A8CFF;
 }
 input[type="radio"]:checked + span:before{
 	content: '';
 	background: rgba(26, 140, 255, 0.1);
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 }
label.radio-button input[type="radio"]:checked + span:last-child{
    border-right: 1px solid rgba(26, 140, 255, 0.3);
}
/*------------------------------------*/
/*---------- /RADIO BUTTONS ----------*/
/*------------------------------------*/