.rating-option input[type="radio"]{
    display:none;
}

.rating-option label{
    display:block;
    width:100%;
    cursor:pointer;
    background:#f2efef;
    border-radius:1rem;
    padding:1.5rem;
    text-align:center;
    transition:all .2s ease;
    border:2px solid transparent;
}

.rating-option label:hover{
    color:black;
    background:#e9ecef;
    transform:scale(1.02);
}

.rating-option input[type="radio"]:checked + label{
    color:black;
    background:#fff3cd;
    border:2px solid #FFC107;
    box-shadow:0 0 10px rgba(255,193,7,.4);
}

.rating-option i{
    color:#FFC107;
    font-size:75px;
}

.materia-pill input[type="checkbox"]{
    display:none;
}

.materia-pill label{
    display:block;
    width:100%;
    cursor:pointer;
    background:#f2efef;
    border-radius:1rem;
    padding:1rem;
    text-align:center;
    transition:all .2s ease;
    border:2px solid transparent;
    font-weight:600;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.materia-pill label:hover{
    color:black;
    background: rgb(255, 243, 205);
    transform:scale(1.02);
}

.materia-pill input[type="checkbox"]:checked + label{
    background:rgb(255, 243, 205);
    border:2px solid #FFC107;
    box-shadow:0 0 10px rgba(255,193,7,.35);
    color:#000;
}

.thumb-option input[type="radio"]{
    display:none;
}

.thumb-option label{
    display:block;
    width:100%;
    cursor:pointer;
    background:#f2efef;
    border-radius:1rem;
    padding:1.5rem;
    text-align:center;
    transition:all .2s ease;
    border:2px solid transparent;
}

.thumb-option label:hover{
    background:#e9ecef;
    transform:scale(1.02);
}

.thumb-option input[type="radio"]:checked + label{
    background:#fff3cd;
    border:2px solid #FFC107;
    box-shadow:0 0 10px rgba(255,193,7,.35);
}

.thumb-option i{
    font-size:90px;
}

.thumb-up i{ color:#198754; }
.thumb-down i{ color:#dc3545; }