Radio emojis

HTML Snippet for Radio smiley

<div class="form-group form-group-inline">
    <fieldset>

        <legend class="heading-medium">
            Have you found this session useful?
            <span class="form-hint">
                Keyboard users can navigate between options using the left and right keys
            </span>
        </legend>

        <div class="form-group-inline">
            <label class="block-label emoji-laugh" for="radio-1" data-target="radio-1">
                <input class="sr-only" type="radio" id="radio-1" name="radio-group" value="Very useful" aria-controls="radio-1" aria-expanded="false">
                Very useful
            </label>

            <label class="block-label emoji-smile" for="radio-2" data-target="radio-2">
                <input class="sr-only" type="radio" id="radio-2" name="radio-group" value="Somewhat useful" aria-controls="radio-2" aria-expanded="false">
                Somewhat useful
            </label>

            <label class="block-label emoji-meh" for="radio-3" data-target="radio-3">
                <input class="sr-only" type="radio" id="radio-3" name="radio-group" value="Neutral" aria-controls="radio-3" aria-expanded="false">
                Neutral
            </label>

            <label class="block-label emoji-frown" for="radio-4" data-target="radio-4">
                <input class="sr-only" type="radio" id="radio-4" name="radio-group" value="Not very useful" aria-controls="radio-4" aria-expanded="false">
                Not very useful
            </label>

            <label class="block-label emoji-angry" for="radio-5" data-target="radio-5">
                <input class="sr-only" type="radio" id="radio-5" name="radio-group" value="Not useful" aria-controls="radio-5" aria-expanded="false">
                Not useful
            </label>

        </div>

    </fieldset>
</div>