.paragraph--type--card-component {
    width: 100%;
    
    .title  {
       
        display: flex;
        align-items: end;
    }
 
    .wrapper  {
        display: flex!important;
        flex-flow: column nowrap;
        justify-content: space-between;
        height: 100%;
        width: 100%;

        .body {
            flex: 1;
            color: var(--bulma-text);
            padding: 1em 0;
        }

        .foot  {
            padding: 1em 0;
            .button, button { 
                margin: 0;
            }
        }
    }

    &.paragraph--view-mode--default {
        .head {
            min-height: 250px;
            background: aliceblue;
            * {
                    height: 100%;
            }
        }
    }

    &.paragraph--view-mode--tile {
        .head * {
            width: 100%;
        }

        a:not(:hover) .field--name-field-formatted-title * { color: var(--bulma-link) !important;}

        img {
            border-radius: var(--bulma-radius-large);
        }
    }
}