@use '../../scss/config.scss' as *;

.card {
    @include border-radius(md);
    @include layout(flex, column);
    @include background(primary-70);
    @include visibility(hidden);
    
    &:not(.flat) {
        @include border(primary-50);
    }

    &.secondary .body,
    &.flat .title {
        @include background(primary-60);
    }

    .title {
        @include visibility(block);
        @include spacing(p-default);

        &:not(.flat) {
            @include border(primary-50, bottom);
        }
    }

    .body {
        @include spacing(p-default);
        @include size('h100%');
        @include position(relative);

        &.compact {
            @include border(20px, primary-60);
            @include spacing(p-3xl);
        }
    }
}

a.card {
    @include typography(none);
}