Resolução de Atividades - "08 Faça como eu fiz: continuando o aprendizado"

HTML:

<section class = "container container__secundario">

                <img src = "Imagens/Notebook.png" alt = "Notebook com o site da Alura aberto" class = "container__secundario__imagem">

                <div class = "container__caixa__div">

                    <h2 class = "container__secundario__titulo"> Baixe seus cursos </h2>
                    <p class = "container__secundario__texto"> Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet. </p>
                </div>
            </section>

CSS:

.container__secundario {

    margin: 0 10em;
    align-items: center;
}

.container__secundario__imagem {

    width: 80%;
    margin-left: 3em;
}

.container__secundario__titulo {

    font-weight: 700;
    font-size: 48px;
    color: var(--cor-primaria);
    margin-bottom: 0.2em;
}

.container__secundario__texto {

    color: var(--cor-secundaria);
    font-size: 16px;
}

.container__botao__secundario {

    display: inline-block;
    margin-top: 1em;
}