.option { 
    font-size: 1em;
    
    input {
        display: none;
    }
        
    span {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;

        width: 100%;
        text-align: center;

        cursor: pointer;

        padding: 0.5em 0.55em;

        display: inline-block;
        position: relative;

        transition: all 0.2s;

        border-radius: 0.5em;

        &:not(.checked) {
            background-color: #585858;

            &::before {
                box-shadow: none;
            }
        }
    }
}