[data-role="card"] { 
    overflow:hidden; 
    background-color:var(--cavelo-white);
    z-index:1;
    border:none;
    border-radius:var(--border-radius);
}
[data-role="card"] > .body { 
    height:100%;
    width:100%; 
    border-bottom:1.5rem solid var(--cavelo-green); 
    position:relative; 
    display:block; 
    padding:1rem 1.5rem 1rem 1.5rem; 
    box-sizing:border-box; 
}

[data-role="card"] > .body > .value { font-size:1.8rem; font-weight:600; color:var(--cavelo-black); min-height:1em; }
[data-role="card"] > .body > .title { font-size:1.4rem; font-weight:300; margin-top:0.5rem; color:var(--cavelo-black); min-height:1em; }
[data-role="card"] > .body > .description { font-size:1rem; font-weight:500; margin-top:0.5rem; color:var(--cavelo-black); min-height:2em; }
[data-role="card"] > .body > .icon { 
    position:absolute;
    display:flex;
    top:0;
    right:0;
    padding:1rem 1.5rem 0 0; 
    font-size:2rem;
    flex-direction:column;
    align-items:flex-start;
    align-content:flex-start;
}

[data-role="card"] > .body > *:empty { display:none; }

a[data-role="card"]:hover { box-shadow: var(--box-shadow); color:var(--cavelo-navy); }

[data-role="card"].very-low > .body            { border-bottom-color:var(--very-low-60); }
[data-role="card"].very-low > .body > .icon    { display:none; color:var(--very-low-60); }
[data-role="card"].low > .body                 { border-bottom-color:var(--low-60); }
[data-role="card"].low > .body > .icon         { display:none; color:var(--low-60); }
[data-role="card"].medium > .body              { border-bottom-color:var(--medium-60); }
[data-role="card"].medium > .body > .icon      { color:var(--medium-60); }
[data-role="card"].high > .body                { border-bottom-color:var(--high-60); }
[data-role="card"].high > .body > .icon        { color:var(--high-60); }
[data-role="card"].very-high > .body           { border-bottom-color: #f58b66;}
[data-role="card"].very-high > .body > .icon   { color:var(--very-high-80); }



/* div.collapse-cards > button.collapse-cards { 
    position:absolute; 
    bottom:1em;
    left:4em;
    right:4em;
    width:auto;
    z-index:10; 
    box-shadow: var(--box-shadow);
}

div.collapse-cards:not(:hover) > button.collapse-cards { display:none; } */
div.collapse-cards > button { display:none; }
div.collapse-cards > div.row { display:grid !important; }