.card {
    font-size: var(--font-size, 1rem);
}

.card--button,
.card__link,
.card__no-link {
    background-color: var(--color-background, #ffffff);
}

.card--button,
.card:not(.card--image-none) .card__link,
.section.section--color .card.card--image-none .card__link,
.card__no-link {
    box-shadow: var(--box-shadow, 0 0.15rem 0.5rem 0 rgba(0, 0, 0, 0.16));
}

.card .card__link:active,
.card .card__link:focus,
.card .card__link:hover {
    box-shadow: initial;
}

.section:not(.section--color) .card.card--image-none .card__link:active,
.section:not(.section--color) .card.card--image-none .card__link:focus,
.section:not(.section--color) .card.card--image-none .card__link:hover {
    box-shadow: 0 0 0 0.5rem var(--color-background);
}

.section:not(.section--color) .cards[data-maximum-columns="1"] .card.card--image-none .card__link:active,
.section:not(.section--color) .cards[data-maximum-columns="1"] .card.card--image-none .card__link:focus,
.section:not(.section--color) .cards[data-maximum-columns="1"] .card.card--image-none .card__link:hover {
    box-shadow: 0 0 0 0 var(--color-background);
}

.section:not(.section--color) .card:not(.card--color).card--image-none .card__link {
    border-top-color: var(--color-border-top, #000000);
    border-top-width: var(--width-border-top, 0.125rem);
}

/* Container */
.card__visual {
    order: var(--order, 1);
}

.card__body {
    order: var(--order, 2);
}

.card__footer {
    order: var(--order, 3);
}

/* Body */
.card__title {
    color: var(--color, #000000);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1.777em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, bold);
    line-height: var(--line-height, inherit);
    order: var(--order, 1);
}

.card__date {
    color: var(--color, #000000);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 0.833em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    order: var(--order, 2);
}

.card__excerpt {
    color: var(--color, #000000);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    order: var(--order, 3);
}

/* Footer */

.card__arrow .icon {
    fill: var(--color, #000000);
}