Nesse repositório você encontrar um pequeno estudo de animações com CSS.
Para fazer um animação dos campos e do botão aumentando de tamanho quando clicado. Para isso eu precisei declarar no css os [inputs] duas vezes. Uma para setar as dimensões atuais e a outra com as dimensões de valores maiores e atraves da propriedade [focus]ao clicar acontece a transição . É uma solução muito simples de se entender. Eu usei a propriedade do CSS [transition] para determinar o tempo da transição em 400ms. Ainda precisa tirar o background do primeiro input. e incrementar funções em JS.