*{
    box-sizing:border-box
	
}

.language{
    width:110px;
    height:30px;
    font-size:14px;
    line-height:1;
    margin:1em 0
    position:relative;
    right:0;

}
.language__container--left,.language__container--right{
    position:relative;
    float:left;
    width:55px;
    height:30px;
    padding:5px
}
.language__label{
    position:absolute;
    top:0;
    left:0;
    width:55px;
    height:30px;
    border:1px solid #ccc;
    padding:7px 8px 5px 0;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:7px 7px;
    background-size:14px;
    text-align:right;
    text-transform:uppercase
	
}
.language__container--left .language__label{
    border-radius:4px 0 0 4px
}
.language__container--right .language__label{
    border-left:0;
    border-radius:0 4px 4px 0
}
.language__control:hover+.language__label,.language__control:focus+.language__label{
    background-color:#eee
}
.language__control:checked+.language__label{
    background-color:#ddd
}
.language__control:focus+.language__label,.language__control:checked:focus+.language__label{
    z-index:2;
    outline:2px solid #85bffd;
    box-shadow:0 0 8px #85bffd
}
.language__container--br .language__label{
    background-image:url("https://ojsbr.com/es/assets/images/bandeiras/brasil.png")
}
.language__container--en .language__label{
    background-image:url("https://ojsbr.com/es/assets/images/bandeiras/ingles.png")
}