.card {
    color: var(--colour-text);
    background: var(--colour-neutral);
    border: solid 1px var(--colour-border);
    border-radius: var(--border-radius);
    padding: calc(1 * var(--spacing-mobile));
    position: relative;
}
@media (min-width: 768px) {
    .card {
        padding: calc(1 * var(--spacing-tablet));
    }
}
@media (min-width: 992px) {
    .card {
        padding: calc(1 * var(--spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .card {
        padding: calc(1 * var(--spacing-large));
    }
}
.card .text-link {
    color: var(--colour-link);
}
.card__icon {
    font-size: 50px;
    color: var(--colour-title);
}
.card__image {
    display: inline-block !important;
    width: auto !important;
}
.card__image img {
    max-height: 60px;
    max-width: 100%;
    -o-object-fit: contain !important;
    object-fit: contain !important;
}
.card__action {
    background: var(--colour-accent);
    margin-top: 0;
    margin-right: calc(-1 * var(--spacing-mobile));
    margin-bottom: calc(-1 * var(--spacing-mobile));
    margin-left: calc(-1 * var(--spacing-mobile));
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    padding: var(--spacing-internal);
    border-top: solid 1px var(--colour-border);
    text-align: right;
    color: var(--colour-title);
}
@media (min-width: 768px) {
    .card__action {
        margin-right: calc(-1 * var(--spacing-tablet));
        margin-bottom: calc(-1 * var(--spacing-tablet));
        margin-left: calc(-1 * var(--spacing-tablet));
    }
}
@media (min-width: 992px) {
    .card__action {
        margin-right: calc(-1 * var(--spacing-desktop));
        margin-bottom: calc(-1 * var(--spacing-desktop));
        margin-left: calc(-1 * var(--spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .card__action {
        margin-right: calc(-1 * var(--spacing-large));
        margin-bottom: calc(-1 * var(--spacing-large));
        margin-left: calc(-1 * var(--spacing-large));
    }
}
.card__action .text-link {
    color: inherit;
}
.card picture {
    max-height: 30px;
}
.card picture img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    max-height: 30px;
}
.card > .accordion .accordion__content {
    margin-top: 10px;
    transition: opacity 0.6s ease, max-height 0.6s ease, margin-top 0.6s ease;
}
.card > .accordion.accordion--open .accordion__content {
    margin-top: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
    .card > .accordion.accordion--open .accordion__content {
        margin-top: calc(1 * var(--spacing-tablet));
    }
}
@media (min-width: 992px) {
    .card > .accordion.accordion--open .accordion__content {
        margin-top: calc(1 * var(--spacing-desktop));
    }
}
@media (min-width: 1200px) {
    .card > .accordion.accordion--open .accordion__content {
        margin-top: calc(1 * var(--spacing-large));
    }
}
@media (min-width: 768px) {
    .card .list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .card .list li {
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    }
}
@media (min-width: 992px) {
    .card__icon {
        font-size: 70px;
    }
}