.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div:after,.input-div:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#38d39f;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i{color:#38d39f}