.quiz__screen{
    border: 2px solid #2196f3;
    border-radius: 6px;

    font-size: 16px;

    display: none;

    transform: translateX(-150%);
    animation: ani 0.5s forwards;
}

@keyframes ani {
    0% {transform: translateX(-150%);}
    100% {transform: translateY(0);}
}

.quiz__screen.active{
    display: block;
    opacity: 1;
}

.quiz__screen_title{

}

.quiz__screen_description{
    font-size: 1.3em;
}

.quiz__screen_emoji {

}

.quiz__screen_separator{
    background: #2196f3;
    height: 2px;
    max-width: 200px;
    margin: 20px 0px 24px;
}

.quiz__screen_buttons{
    overflow: auto;
}

.quiz__screen_button{
    margin: 0 6px 12px 0;
    border: none;
    border-radius: 4px;
    background: #2196f3;
    color: white;
    padding: 6px 12px;
    font-size: 1.1em;
    display: inline-block;

    cursor: pointer;
}

.quiz__screen_button:hover,
.quiz__screen_button:focus,
.quiz__screen_button:active
{
    background: #1c77c4;
    color: white;
}

.quiz__screen_button_back{
    border: 2px solid #2196f3;
    border-radius: 4px;
    margin: 0 6px 12px 0;
    padding: 6px 12px;
    font-size: 1.1em;
    background-color: white;
    color: #2196f3;
}

.quiz__screen_button_check{
    float: left;
    border: 2px solid #2196f3;
    border-radius: 4px;
    margin: 0 12px 12px 0;
    font-size: 1.1em;
    font-weight: 500;
    cursor: pointer;
}

.quiz__screen_button_check input{
    margin: 6px 4px 6px 12px;
    cursor: pointer;
}


.quiz__screen_button_check label{
    padding: 6px 12px 6px 4px;
    cursor: pointer;
}

/* Правка верстки CF7 */
.quiz__screen_button_check > p{
    padding: 0;
    margin: 0;
}

.quiz__screen_content{

}

.quiz__screen_content p{
    font-size: 1.1em;
}

.quiz__screen_form{

}

/* Правка верстки CF7 */
.quiz__screen_form > p{
    padding: 0;
    margin: 0;
}

.quiz__screen_form_input{
    border: 2px solid #2196f3;
    border-radius: 4px;
    padding: 6px 12px;
    margin: 0 12px 12px 0;
}

.quiz__screen_form_input_button_submit{
    border: none;
    border-radius: 4px;
    background: #2196f3;
    color: white;
    padding: 6px 12px;
    font-size: 1.1em;
}

.border_whatsapp{
    border-color: #20B038;;
}

.border_telegram{
    border-color: #0088cc;
}

/* Contact Form 7 */
.quiz__screen .wpcf7-not-valid-tip{
    display: none;
}

.quiz__screen .wpcf7 form.invalid .wpcf7-response-output,
.quiz__screen .wpcf7 form.unaccepted .wpcf7-response-output,
.quiz__screen .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red;
    margin: 0 0 12px;
    border-radius: 4px;
}