@layer components {
    .staldia-secondary-list {
        display: grid;
        gap: 1.5rem 2rem;
    }
    .staldia-secondary-card {
        background: var(--color-bg-white);
        border-radius: 5px;
        --base-padding: 30px;
        padding: var(--base-padding);
        padding-bottom: 70px;
        z-index: 1;
    }
    .staldia-secondary-card-link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
    }
    .staldia-secondary-card-footer {
        position: absolute;
        bottom: var(--base-padding);
        left: var(--base-padding);
    }
    .staldia-secondary-card-figure {
        aspect-ratio: 3 / 2;
        order: -1;
        border-radius: 5px;
    }
    .staldia-secondary-card-img { transition: transform .5s; }
    .staldia-secondary-card:hover .staldia-secondary-card-img {
        transform: scale(1.1);
    }
}