.hover-float {
        display: inline-block;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        cursor: pointer;
    }

        .hover-float:hover {
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 8px 18px rgba(0,0,0,0.12);
        }

/* ดิ้นเบา ๆ*/
.soft-hover {
    display: inline-block;
}

    .soft-hover:hover {
        animation: softWiggle 0.4s ease;
    }

@keyframes softWiggle {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97) rotate(-1deg);
    }

    100% {
        transform: scale(1);
    }
}

/* jelly ดึ๋ง ๆ*/
.jelly-hover {
    display: inline-block;
}

    .jelly-hover:hover {
        animation: jelly 0.6s ease;
    }

@keyframes jelly {
    0% {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.08, 0.92);
    }

    50% {
        transform: scale(0.95, 1.05);
    }

    70% {
        transform: scale(1.03, 0.97);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* ยุบลง*/
.game-btn {
    display: inline-block;
    transition: all 0.15s ease;
}

    /* ตอน hover */
    .game-btn:hover {
        transform: translateY(2px) scale(0.97);
    }

    /* ตอนกด */
    .game-btn:active {
        transform: translateY(4px) scale(0.94);
    }

/* บิดที่มุม */
.card-3d {
    display: inline-block;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transform-style: preserve-3d;
}

    .card-3d:hover {
        transform: rotateX(8deg) rotateY(-8deg) translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.25);
    }

/* แบบสั่น */
.shake-hover {
    display: inline-block;
}

    .shake-hover:hover {
        animation: shake 0.18s infinite;
    }

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}