1. Для создания кнопки с динамической высотой можно использовать CSS свойство `height: auto`, которое позволяет элементу автоматически регулировать высоту в зависимости от его содержимого. Пример:
```html
<button style="height: auto;">Динамическая кнопка</button>
```
2. Для создания квадратной кнопки справа от инпута можно воспользоваться техникой flexbox. Создайте контейнер, в котором будет располагаться инпут и кнопка, и примените к нему следующие стили:
```html
<div class="container">
<input type="text">
<button>Кнопка</button>
</div>
```
```css
.container {
display: flex;
align-items: center;
}
input {
flex: 1; /* растянет input на всю доступную ширину */
}
button {
width: 0; /* чтобы кнопка занимала только нужное пространство */
flex-grow: 0; /* не растягивать кнопку */
height: 0; /* чтобы кнопка занимала только нужное пространство */
padding: 10px; /* задаем отступы */
box-sizing: border-box; /* учитываем отступы в общем размере элемента */
}
```
Эти стили позволят кнопке оставаться квадратной при изменении высоты текстового поля внутри контейнера.