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[hover*="bordered"] {
    border: 1px solid transparent;
}

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

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

kiss-card[hover]:hover {
    z-index: 3;
}

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);
}

kiss-card[hover~="scale"]:hover {
    transform: scale(1.05);
}

kiss-card[hover~="scale-small"]:hover {
    transform: scale(1.02);
}

kiss-card[hover*="bordered"]:hover {

    &[hover~="bordered-primary"] {
        --kiss-card-bordered-color: var(--kiss-color-primary);
    }

    border-color: var(--kiss-card-bordered-color, rgba(0,0,0,0.22));
}
