.s-i-thumbs-up {
    width: 17px;
    height: 17px;    
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

    .s-i-thumbs-up.lite {
        background-image: url('../svg/thumbs-up-lite.svg');
    }
    .s-i-thumbs-up.dark {
        background-image: url('../svg/thumbs-up-dark.svg');
    }
    .s-i-thumbs-up.selected {
        background-image: url('../svg/thumbs-up-selected.svg');
    }


.s-i-thumbs-down {
    width: 17px;
    height: 17px;
    background-size: cover;
    display: inline-block;
}

    .s-i-thumbs-down.lite {
        background-image: url('../svg/thumbs-down-lite.svg');
    }

    .s-i-thumbs-down.dark {
        background-image: url('../svg/thumbs-down-dark.svg');
    }

    .s-i-thumbs-down.selected {
        background-image: url('../svg/thumbs-down-selected.svg');
    }

.s-i-brain {
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

    .s-i-brain.lite {
        background-image: url('../svg/brain-lite.svg');
    }

    .s-i-brain.dark {
        background-image: url('../svg/brain-dark.svg');
    }

    .s-i-brain.selected {
        background-image: url('../svg/brain-selected.svg');
    }