/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 20 2026 | 11:38:48 */
.card-hover-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 20px;
    box-sizing: border-box;
    transform: translateY(55%);
    transition: transform 0.45s ease;
    z-index: 2;
}

.card:hover .card-hover-content {
    transform: translateY(0);
}

.card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0);
    transition: background 0.45s ease;
    z-index: 1;
}

.card:hover::after {
    background: rgba(255,255,255,0.72);
}

.card {
    position: relative !important;
    overflow: hidden !important;
}

.card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.15) 30%,
        rgba(255,255,255,0.75) 70%,
        rgba(255,255,255,0.98) 100%
    );
    z-index: 1;
    pointer-events: none;
}