Continuei desenvolvendo os itens como exercicios da aula, mas confesso que o alinhamento lado a lado me agradou mais para o MEU projeto.
Mas gostei de testar de maneiras diferemtes e vou deixar os códigos aqui para referencia.
HTML
<div class="hero-text">
<h1>Make <br> something <br> great</h1>
<button>Let's go</button>
<button>Click me</button>
</div>
CSS
.hero-text button {
margin-top: 1rem;
padding: 0.8rem 3rem;
border: none;
border-radius: 20px;
background: linear-gradient(to right, #80b0f7, #3571e2);
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
.hero-text button:hover {
opacity: 0.25;
}
Preferi esse:
