.card-default {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    transition: opacity 0.25s ease;
}

.card-default__image {
    aspect-ratio: var(--card-image-ratio, 62/29);
    object-fit: cover;
    width: 100%;
}

.card-default__link--nolabel,
.card-default__link:not(.card-default__link--nolabel)::before {
    position: absolute;
    inset: 0;
}

.card-default:has(.card-default__link:hover) {
    opacity: 0.5 !important;
}

:where(.l-region--dark .card-default .o-buttonlink) {
    --button-background: transparent;
    --button-border: solid 1px currentColor;
    --button-color: currentColor;
}