/* ///////////////////////////////////////
/*          QUIZ RADIO  START           */
/* //////////////////////////////////// */
.radio_group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.label_radio_1 {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    /* Accessible outline */
    /* Remove comment to use */
    /*
        &:focus-within {
                outline: .125em solid red;
        }
    */;
}

.label_radio_2 {
    display: flex;
    align-items: center;
    padding: 0.375em 2em 0.375em 0.5em;
    border-radius: 99em;
    /* or something higher...  */
    transition: 0.45s ease;
    margin: auto;
}

.label_radio_2:hover {
    background-color: #9d204a;
    color: #ffffff;
}

.label_radio_2:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 1.2em;
    transition: 0.45s ease;
    box-shadow: inset 0 0 0 0.125em grey;
}

.quiz_radio {
    position: absolute;
    left: -200px;
}

.quiz_radio:checked + span {
        /*background-color: mix(#fff, $primary-color, 84%);*/
    background-color: #F29FBB;
}

.quiz_radio:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em #9d204a;
}

/* ///////////////////////////////////////
/*          QUIZ RADIO  ENDE            */
/* //////////////////////////////////// */