questa è la mia struttura html +css

codice:

<button id="btn_r1" class="btn_resp vero1 panelCB" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; border: 1px solid;">
    <div id="myQuiz" class=" question  r1 flipCB" style="position: relative; height: 100%;margin: 0px 0px 10px 0px;font-size:                      100%;overflow: hidden;">
            <span id="mainTxt" class="hyphenate risp1" lang="it" style=""> Ha l'obbligo di fermarsi e di prestare l'assistenza occorrente alle                     persone investite</span>                           
          </div>                    
 </button>


media="(orientation: landscape)"
.vero1, .vero2, .vero3 {
    z-index: 9999;
    max-height: 110px;
    /* height: 110px; */
    min-height: 75px;
    background: white;
}


media="(orientation: landscape)"
.btn_resp {
    font-size: 110%;
    -ms-text-size-adjust: 110%;
    -webkit-text-size-adjust: 110%;
}
media="(orientation: landscape)"
.btn_resp {
    width: 97%;
    left: 1px;
    padding: 5px 5px;
    text-align: left;
    margin-top: 15px;
}
.vero1, .vero2, .vero3 {
    position: relative;
    float: right;
    top: 25%;
    left: -17px;
    height: 62px;
    width: 62px;
}

la struttura è questa e il contenuto del testo viene caricato dinamicamente; solo che queste misurazioni che ho provato non funzionano.