<div class="filme-list_linha">
    <p>class="filme-list_descricao-duracao">110 minutos</p>
    <p>
        class="filme-list_descricao-idade filme-list_descricao-idade-livre"
    Livre
    </p>
</div>

filme-list__container {
    padding: var(--padding-s);
    font-family: var(--fonte-texto);
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.filme-list__linha {
    display: flex;
    justify-content: space-between;
}
.display: flex;{
    gap: 42px;
    flex-direction: column;
    justify-content: space-between;
}
.filme-list__descricao-dimensao, .filme-list__descricao-idade, .filme-list__descricao-idade-livre {
    padding: var(--padding-xs) var(--padding-s);
    border-radius: var(--padding-xs);
}

.filme-list__descricao-dimensao {
    background-color: var(--cor-de-fundo-input);
}

.filme-list__descricao-idade {
    background-color: var(--cor-faixa-etaria);
}

.filme-list__descricao-idade-livre {
    background-color: var(--cor-faixa-etaria-livre);
}
.filme-list__descricao {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.filme-list__linha {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filme-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-m);
    list-style-type: none;
    align-items: flex-start;
}
.filme-list__item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 32%;
    max-width: 17em;
    width: 100%;
    height: 100%;
    box-shadow: var(--box-shadow-card);

    display: flex;
    flex-direction: column;
    
    cursor: pointer;
}
.filme-list__imagem {
    width: 100%;
    object-fit: cover;
}