/* Question-mark + Realy question START*/

.question-container {
    width: 4.5%;
    height: 8%;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-image: url('images/button_question_real.png');
    z-index: 1100;
}

.question {
    background: #3AAFA9;
    width: 0%;
    height: 4%;
    border: 3px solid white;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 1vw;
    z-index: 1000;
    padding-top: 3px;
}


/* Question-mark + Realy question END*/


/* NEW DESIGN */

.question-container-new-design {
    width: 13.5%;
    height: 6.3%;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center;
    background-image: url('images/britanica-desgin/Rubric_Button.png');
    z-index: 20;
    filter: drop-shadow(0px 3px 4px black);
}

.question-new-design {
    display: table;
    background: #FF8926;
    width: 0%;
    height: 5%;
    vertical-align: middle;
    text-align: center;
    border-radius: 0 20px 20px 0;
    border-left: unset;
    color: white;
    font-size: 0.9vw;
    z-index: 21;
    padding-top: 3px;
    color: #272727;
    font-weight: bold;
    box-shadow: -3px 12px 9px -9px black;
    user-select: none;
}

.instruction-span-text-middle {
    display: table-cell;
    vertical-align: middle;
    width: 0%;
}


/* NEW BUTTON FOR EXERCISE START */

.button-next-exercise {
    position: absolute;
    cursor: pointer;
    z-index: 22;
    background-image: url('images/britanica-desgin/Next_Button.png');
    opacity: 1;
    filter: drop-shadow(0px 2px 2px black);
}


/* NEW BUTTON FOR EXERCISE END */


/* NEW DESIGN END*/