kiss-card {
    display: block;
    position: relative;
}

kiss-card[theme*="shadowed"] {
    box-shadow: 0 1px 2px 0 var(--kiss-card-shadowed-color, rgba(0,0,0,0.22));
}

kiss-card[theme*="bordered"] {
    border: 1px solid var(--kiss-card-bordered-color, rgba(0,0,0,0.22));
}

kiss-card[hover] {
    transition: all 250ms;
}

kiss-card[hover*="shadow"]:hover {
    box-shadow: 0 25px 80px rgba(0,0,0,0.12), 0 3px 12px rgba(0,0,0,0.05);
    z-index: 1;
}