.card {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.card__link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-decoration: none;
    transition: box-shadow 200ms ease-in-out;
}

.section:not(.section-color) .card.card--image-none .card__link {
    transition: initial;
}

.section:not(.section--color) .card:not(.card--color).card--image-none .card__link {
    border-top-style: solid;
}

.card__visual {

}

.card__image {
    display: block;
    width: 100%;
    height: auto;
}

.card__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.5rem 1.5rem 1rem;
}

.section:not(.section--color) .card:not(.card--color).card--image-none .card__body {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
}

.section:not(.section--color) .cards[data-maximum-columns="1"] .card:not(.card--color).card--image-none .card__body {
    padding-left: 1rem;
    padding-right: 1rem;
}

.card__body > *:first-child {
    margin-top: 0;
}

.card__title + .card__excerpt {
    margin-top: 0.5rem;
}

.card__date {
    margin-top: 1rem;
}

.card__date__icon {
    fill: currentColor;
    width: 1.25em;
    height: 1.25em;
    vertical-align: sub;
}

.card__footer {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem;
}

.section:not(.section--color) .card:not(.card--color).card--image-none .card__footer {
    padding-left: 0;
    padding-right: 0;
}

.section:not(.section--color) .cards[data-maximum-columns="1"] .card:not(.card--color).card--image-none .card__footer {
    padding-left: 1rem;
    padding-right: 1rem;
}

.card__body + .card__footer {
    padding-top: 0;
}

.card__button {
    margin-right: auto;
}

.card__categories {
    flex-grow: 1;
}

.card__arrow {
    align-self: center;
    flex-grow: 0;
    width: 1em;
    height: 1em;
    margin-left: 1rem;
}

@media (min-width: 62rem) {
    .cards[data-maximum-columns="2"] .card__body,
    .cards[data-maximum-columns="2"] .card__footer {
        padding: 2rem;
    }

    .cards[data-maximum-columns="2"] .card__body + .card__footer {
        padding-top: 0;
    }

    .cards[data-maximum-columns="2"] .card__footer .button {
        margin-top: 0;
    }

    .list--facetting .cards[data-maximum-columns="2"] .card__body,
    .list--facetting .cards[data-maximum-columns="2"] .card__footer {
        padding: 1.5rem;
    }

    .list--facetting .cards[data-maximum-columns="2"] .card__body + .card__footer {
        padding-top: 0;
    }
}