.g-recaptcha div:nth-of-type(1) {
    margin: auto;
}

form#smileys input[type="radio"] {
    -webkit-appearance: none;
    width: 90px;
    height: 90px;
    border: none;
    cursor: pointer;
    transition: border .2s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0 5px;
    transition: all .2s ease;
}

form#smileys input[type="radio"] {
    opacity: 0.6;
}

    form#smileys input[type="radio"].very-sad {
        background: url("very-dissatisfied.svg") center;
        background-size: cover;
    }

    form#smileys input[type="radio"]:checked.very-sad, form#smileys input[type="radio"]:hover.very-sad {
        background: url("very-dissatisfied-fill.svg") center;
        background-size: cover;
        opacity: 1;
    }

    form#smileys input[type="radio"].very-sad, form#smileys input[type="radio"]:checked.very-sad, form#smileys input[type="radio"]:hover.very-sad {
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
        outline: none;
    }




    form#smileys input[type="radio"].sad {
        background: url("sad.svg") center;
        background-size: cover;
    }

    form#smileys input[type="radio"]:checked.sad, form#smileys input[type="radio"]:hover.sad {
        background: url("sad-fill.svg") center;
        background-size: cover;
        opacity: 1;
    }

    form#smileys input[type="radio"].sad, form#smileys input[type="radio"]:checked.sad, form#smileys input[type="radio"]:hover.sad {
        filter: invert(66%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
        outline: none;
    }



    form#smileys input[type="radio"].happy {
        background: url("happy.svg") center;
        background-size: cover;
    }

    form#smileys input[type="radio"]:checked.happy, form#smileys input[type="radio"]:hover.happy {
        background: url("happy-fill.svg") center;
        background-size: cover;
        opacity: 1;
    }

    form#smileys input[type="radio"].happy, form#smileys input[type="radio"]:checked.happy, form#smileys input[type="radio"]:hover.happy {
        filter: invert(77%) sepia(189%) saturate(2919%) hue-rotate(364deg) brightness(104%) contrast(97%);
        outline: none;
    }




    form#smileys input[type="radio"].very-happy {
        background: url("very-happy.svg") center;
        background-size: cover;
    }

    form#smileys input[type="radio"]:checked.very-happy, form#smileys input[type="radio"]:hover.very-happy {
        background: url("very-happy-fill.svg") center;
        background-size: cover;
        opacity: 1;
    }

    form#smileys input[type="radio"].very-happy, form#smileys input[type="radio"]:checked.very-happy, form#smileys input[type="radio"]:hover.very-happy {
        filter: invert(77%) sepia(189%) saturate(2919%) hue-rotate(387deg) brightness(104%) contrast(97%);
        outline: none;
    }