.frame-type-foresite_aspcard > .frame-content {
    height: 100%;
}

.card {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: var(--anresis-spacing-6);
    gap: var(--anresis-spacing-6);
    background-color: var(--anresis-color-white-background);
    border-radius: var(--asp-border-radius);

    .card-icon {
        flex-shrink: 0;
        height: 64px;
        width: 64px;
        background: var(--anresis-color-primary-light-background);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--asp-border-radius-small);

        > img {
            inline-size: 32px;
            block-size: 32px;
            object-fit: contain;
            filter: var(--anresis-color-primary-filter);
        }
    }

    .card-content {
        display: flex;
        flex-direction: column;
        gap: var(--anresis-spacing-4);

        &:not(:has(.card-description)) {
            justify-content: center;
        }
    }


    .card-title {
        font: var(--anresis-font-h3);
        color: var(--anresis-color-text-dark);
    }

}