.populares{
    padding: 3rem 0;
}

.populares__conteudo{
    display: flex;
    flex-wrap: wrap; /* qdo não cober mais na linha, quebra e joga pra baixo */
    /* grid-area: conteudo;*/
    padding: 1rem 0;
}

.populares__card{
    background: #fdfdfd;
    display: grid;
    grid-template-areas: 
        "card-imagem"
        "card-corpo";
    grid-template-columns: 100%;
}

.populares__card:last-child{
    margin-right: 0;
}

.populares__card___imagem{
    grid-area: card-imagem;
    width: 100%;
    height: 100%;
}

.populares__card___corpo{
    display: grid;
    grid-area: card-corpo;
    grid-row-gap: .5rem;
    grid-template-areas: 
        "card-cabecalho"
        "card-conteudo";
    grid-template-rows: 50px auto;
    padding: .75rem; /* . na frente é tipo 0,75% */
}

.populares__card___titulo{
    font-size: 1.5rem;
    color: #333333;
}

.populares__card___data{
    font-size: .9rem;
    color: #808080;
}

.populares__card___descricao{
    color: #333333;
    line-height: 1.5;/* espaçamento da escrita, igual ao que tem no word */
    margin: 1rem 0;
    text-align: justify;
}

.populares__titulo{
    font-weight: 500;
}

.populares__icone{
    margin-right: .25rem;
}

.populares_cabecalho{
    border-bottom: 1px solid #dcdcdc; /* largura -whither, estilo -style, cor -color */
    display: flex;
    justify-content: space-between;
}

.populares__botao{
    background: transparent;
    border: none;
    color: #333333;
}