.views-row {
    article {
        > div:first-of-type {
            width: 100%;
            height: 30vh;
            overflow: hidden;
            padding-left: $x_margin;
            padding-right: $x_margin;
            display: flex;
            align-items: center;
            a {
                img {
                    height: auto;
                    width: 100%;
                }
            }
            @media (min-width: $breakpoint_tablet) {
                height: 20vh;
            }
        }

        .preview_meta {
            font-family: "Marianne", sans-serif;
            font-size: $m_font_size;
            width: auto;
            display: flex;
            justify-content: space-between;
            color: $teal;
            border-top: solid 1px $teal;
            margin: 0 $x_margin;
            margin-top: 1.3rem;
            padding-top: 0.7rem;
            > div:first-of-type {
                font-weight: 800;
            }
        }

        .preview_sous_titre {
            font-family: "Marianne", sans-serif;
            font-size: $l_font_size;
            padding: 5px $x_margin;
            @media (min-width: $breakpoint_tablet) {
                padding-top: 0;
            }
        }

        h2 {
            @include main_title();
        }
    }
    
}