Модальное окно с кнопками изменения div внутри

Есть модальное окно:

<div id="boxes">
    <div id="podrobnee" class="window">

      <input type="radio" name="jobtype" id="jt-webapp" />
      <label class="lbl-jobtype" for="jt-webapp">Экспресс проверка</label>

      <input type="radio" name="jobtype" id="jt-mobile" />
      <label class="lbl-jobtype" for="jt-mobile">Должная осмотрительность</label>

      <input type="radio" name="jobtype" id="jt-branding" />
      <label class="lbl-jobtype" for="jt-branding">Финансовые риски</label>


      <div class="text-for-jobtype" id="t-webapp">
        <div class="mt df">
          <p class="window_header fz-18"><b> Отчет экспресс проверки</b></p>
          <p class=""><img src="img/aside-nav/excel.svg"><a class="color-1" href="#">Скачать отчет</a></p>
        </div>

        <b class="mt">Рекомендации</b>

        <div class="df window_table mt-1">
          <p class="fz-14 " style="padding-right: 55px;">Данные факты можно учитывать при проверке компании, однако
            основным фактором надежности
            кредитной
            организации является наличие действующей лицензии на банковские операции. Это означает, что даже при
            наличии
            отрицательных факторов, ЦБ РФ не усматривает основания для прекращения деятельности организации.</p>
          <div>
            <img src="img/diagram/neznach-risk.png">
            <p class="color-7 fz-12">Незначительный риск</p>
          </div>
        </div>

        <div>
          <b> Факторы риска</b>
          <div class="form-control">
            <p>Организация найдена в реестре «массовых юридических адресов» по данным ФНС.</p>
            <p>По указанному адресу зарегистрировано 10 и более организаций. Это является одним из критериев
              фирмы-однодневки и привлекает пристальное внимание со стороны ФНС, так как, скорее всего, организация
              отсутствует по юридическому адресу.</p>
            <p>Критическая сумма арбитражных дел в качестве истца.</p>
            <p>Сумма арбитражных дел за последние 12 мес. в качестве истца составляет боле 500 тыс. ₽.</p>
            <p>Критическая сумма арбитражных дел в качестве ответчика.</p>
            <p>Сумма арбитражных дел за последние 12 мес. в качестве истца составляет боле 500 тыс. ₽.</p>
            <p>Критическая сумма исполнительных производств.</p>
            <p>Сумма незакрытых исполнительных производств составляет более 500 тыс. ₽.</p>
            <b>Организация существует 30 лет и 6 месяцев.</b>
            <b>Имеются данные об активности организации за последние 12 месяцев.</b>
            <b>Организация представляет налоговую отчетность в ФНС.</b>
            <b>Не найдены недостоверные сведения в регистрационных данных о юридическом адресе.</b>
            <b>Руководитель организации не найден в реестре «массовых руководителей» по данным ФНС.</b>
            <b>Руководитель организации не найден в реестре «дисквалифицированные лица» по данным ФНС.</b>
            <b>Организация представляет налоговую отчетность в ФНС.</b>
            <b>Не найдены недостоверные сведения в регистрационных данных о юридическом адресе.</b>
          </div>

        </div>
      </div>
      <div class="text-for-jobtype" id="t-mobile">
        <p class="window_header fz-18">Должная осмотрительность</p>
      </div>
      <p class="text-for-jobtype" id="t-branding">Text for BRANDING</p>

    </div>
  </div>

Со стилями:

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0px;
    top: 140px;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    overflow: hidden;
}

#boxes #dialog {
    width: 375px;
    height: 303px;
    padding: 10px;
    background-color: #ffffff;
}



#boxes #telephon,
#boxes #site,
#boxes #mail,
#boxes #podrobnee {
    justify-content: flex-start;
    Width: 780px;
    Height: 515px;
    background-color: #FFFFFF;
    border-radius: 12px;
}


.close {
    float: right;
}

.lbl-jobtype

input[name='jobtype'] {
    display: none;
}

.text-for-jobtype {
    display: none;
}

#jt-webapp:checked~#t-webapp {
    display: block;
}

#jt-mobile:checked~#t-mobile {
    display: block;
}

#jt-branding:checked~#t-branding {
    display: block;
}

Проблема: при разных нажатий кнопок (Экспресс проверка, Должная осмотрительность) разная высота и ширина блока, как сделать так, чтобы под свою кнопку был свой размер модального окна