.entry-card {
    transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
    contain: paint !important;
    will-change: transform, opacity !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background-color .22s ease,
        box-shadow .22s ease !important;
}

.entry-card:hover {
    transform: translate3d(0, -6px, 0) !important;
    box-shadow:
        0 0 0 1px rgba(52, 220, 255, .55),
        0 14px 34px rgba(0, 210, 255, .16) !important;
}

.entry-card::before,
.entry-card::after {
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    pointer-events: none !important;
}

.entry-card::before {
    filter: none !important;
    transform: translate3d(-120%, 0, 0) skewX(-14deg) !important;
    transition: transform .42s cubic-bezier(.2, .9, .2, 1), opacity .22s ease !important;
}

.entry-card:hover::before {
    transform: translate3d(120%, 0, 0) skewX(-14deg) !important;
}

.entry-card::after {
    filter: none !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

.entry-card h3,
.entry-card p,
.entry-card .card-index,
.entry-card .card-status {
    transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
}

@media (max-width: 768px) {
    .entry-card {
        will-change: auto !important;
    }

    .entry-card:hover {
        transform: none !important;
    }
}
