<body>
<form action="soupa.html">
<div>
<div><label>email</label></div>
<input type="email" name="email"placeholder="email"/>
</div>
<div>
<div><label>password</label></div>
<input type="password" name="password" placeholder="senha"/>
</div>
<div>
<button type=button class="clear">recuperar senha</button>
</div>
<div>
<button type=button class="solid">entrar</button>
</div>
<div>
<button type=button class="outline">registar</button>
</div>
</body>
<style>  
   body {background-color:green;
         display:flex;
         justify-content:center;
         align-items:center;
         height-100vh;
   }
   input,button {padding:10px; margin-bottom:20px;
   }
   .clear { background:purple
   }
   .solid { background-color:green;
            border:none
   } 
   .outline {border :1px solid;
             background-color: transparent;
             color:white;
   }  
   button {cursor:pointer;
           width: -webkit-fill-available;
   } 
   button:active { color:blue
   }
   form,input { width:500px
   }
   </style>
   