.sl-archive-card,
.sl-card {
    border: 1px solid var(--wp--preset--color--border-light);
    border-radius: 4px;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--wp--preset--color--main) 6%, transparent);
}

@media (hover: hover) and (pointer: fine) {
    .sl-archive-card,
    .sl-card {
        transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
    }

    .sl-archive-card:hover,
    .sl-card:hover {
        border-color: var(--wp--preset--color--primary-alt);
        box-shadow: 0 5px 14px color-mix(in srgb, var(--wp--preset--color--main) 10%, transparent);
        transform: translateY(-2px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sl-archive-card,
    .sl-archive-card:hover,
    .sl-card,
    .sl-card:hover {
        transition: none;
        transform: none;
    }
}