Как навесить анимацию на соседние элементы?

<div class="input_block"><input type="text" class="istyle"></div>
<div class="info"><span>Информация</span></div>

.input_block, .info { display: inline-block; float: right; transition: all 0.2s ease;  }
.info { width: 100px; height: 100px; }
.istyle { width: 100px; height: 20px; }
.istyle:focus { width: 200px; transition: all 0.2s ease;  }

.istyle { width: 100px; height: 20px; transition: all 0.2s ease; }

position: relative;
transition: all .15s