Format CSS Button

2

I'm developing a web application and would like to leave my button with two visuals. A button with enter and another button longer but with the same look, same color, and wider width. But I'm not getting

Lookhowthebuttonsare

<buttontype="button" onclick="login()" class="entrar" >Entrar</button>  <button type="button" onclick="" class="esqueceu" >Esqueceu a Senha?</button> 
    
asked by anonymous 27.09.2017 / 23:11

1 answer

6

It's just you're going to be working property by CSS property until you get something like that.

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>
    
27.09.2017 / 23:16