.answers-btn-grid{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 700px;   
    margin: 10px;
    cursor: pointer;
}

.change-bg-grid{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}


.answer-btn {
    background : url('/images/question_plat/default/glassbutton.png');
    background-size:contain;
    background-repeat: no-repeat;
    width: 175px;
    height: 130px;
    margin : 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    /* font-weight: bold; */
}
 
.btn.active .answer-btn{
    background : url('/images/question_plat/default/glassbutton_filled.png') 0% 0% / contain no-repeat;
    color: rgb(56, 170, 218);
    font-weight: bold;
}

.big-btn-menuitem.active{
    background-color: white;
}

.answer-btn img {
    max-width: 65px;
}


.answer-txt {
    width: 75%;
    margin-top: 1em;
}


.number-txt{
    width: 75%;
}

@media only screen and (max-width: 576px){

    .answers-btn-grid{
        overflow-y: auto;
        margin: 0px;
    }

    .change-bg-grid{
        max-width: 400px;   
        overflow-y: auto;
        margin: 0px;
    }

    .answer-btn{
        width: 145px;
        height: 111px;
        margin : 5px;
    }
    
}

@media screen and (min-width: 1024px) and (max-height: 1320px) {
    /* Laptop */
    /* .answer-btn{
        height: 120px;
        margin: 8px;
    }
    .answers-btn-grid{
        margin : 0px;
    } */
    

}