Boa noite, tive uma dúvida para colocar os botões lado a lado. Coloquei o inline-block também, mas não consegui resolver.
.button {
width: 10%;
height: 50px;
border: 0;
cursor: pointer;
background:#4169E1;
border-radius: 20px;
color: white;
display: grid;
align-items: center;
justify-content: center;
}
.button:hover{
background: #6495ED;
}
<div class="buttons">
<a href="https://www.linkedin.com" target="blank" class="button" type="button">LinkedIn</a><br>
<a href="mailto:[email protected]" target="blank" class="button" type="button">E-mail</a>
</div>