.line-box {  

  position: relative;  

  width: 100%;  

  height: 2px;  

  background: #BCBCBC; 

}


 .line {  

   position: absolute;  

   width: 0%;  

   height: 2px;  

   top: 0px;  

   left: 50%;  

   transform: translateX(-50%);  

   background: #8BC34A;  

   transition: ease .6s; 

}  

 .input:focus + .line-box .line {  

   width: 100%; 

}

 .label-active {  

   top: -3em; 

}


 button {  

   display: inline-block; 

   padding: 12px 24px;  

   background: rgb(220,220,220);  

   font-weight: bold;  

   color: rgb(120,120,120);  

   border: none;  outline: none;  

   border-radius: 3px;  

   cursor: pointer;  

   transition: ease .3s; 

}  

 button:hover {  

   background: #8BC34A;  

   color: #ffffff; 

}