.survey-form {
    text-align: center;
    font-size: 16px;
}

.survey-form__question {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.survey-form__description {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 10px;
}

.survey-form__answer-item {
    background-color: #DDD;
    margin: 8px 0;
    padding: 10px;
    color: inherit;
    text-decoration: inherit;
    display: block;
    border-radius: 10px;
}

.survey-form__answer-item:hover {
    color: inherit;
    text-decoration: inherit;
    background-color: #D5D5D5;
}

.survey-form__answer-item.active {
    background-color: rgb(42, 76, 190);
    color: #FFF;
}

.survey-form__submit {
    background-color: rgb(51, 98, 253);
    color: #FFF;
    font-weight: bold;
    margin: 10px auto 5px auto;
    padding: 10px 30px;
    text-decoration: inherit;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-radius: 10px;
}

.survey-form__submit:hover {
    color: #FFF;
    text-decoration: inherit;
    background-color: rgb(78, 120, 255);
}