Format CSS Button

Question

I am developing a web application and would like to leave my button with two visuals.A button with login and another button longer but with the same look, same color, and larger width. But I’m not getting it

Look at the Buttons

  <button type="button" onclick="login()" class="entrar" >Entrar</button>  <button type="button" onclick="" class="esqueceu" >Esqueceu a Senha?</button> 

Answer 1

You just have to work CSS property by property until you get something like this.

Here’s a start.

.btn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13;
  width: 165px;
  height: 35px;
  background-color: #0066b8;
  padding: 9px 50px;
  border: none;
  color: white;
}

.btn-large {
  width: 340px;
}

<button class="btn">Entrar</button>

<hr style="margin: 10px 0" />

<button class="btn btn-large">Próximo</button>