/* --- Modular Pointer Indicator --- */
.pointer-wrapper {
    position: relative; 
    display: inline-block; /* 👈 Yeh line button ke asli size ko freeze rakhegi */
    width: max-content;    /* 👈 Yeh ensure karega ki button piche se chota ya bada na ho */
}

/* Purani .pointer-wrapper class ko chhedne ki zaroorat nahi */

/* Haath ka naya absolute layout jo button se size nahi cheenega */
.click-indicator {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px; /* Yeh haath ko button ke border se 45px upar hawa me rakhega */
    font-size: 32px; /* Haath ka perfect size */
    z-index: 9999; /* Sabse upar layer rahegi */
    pointer-events: none; /* Ispar touch nahi hoga, direct button click hoga */
    animation: bouncePointer 1.2s infinite ease-in-out;
    line-height: 1;
}

/* Smooth Bounce Animation */
@keyframes bouncePointer {
    0%, 100% {
        top: -42px;
        transform: translateX(-50%) scale(1);
    }
    50% {
        top: -55px; /* Upar ki taraf bounce */
        transform: translateX(-50%) scale(1.1);
    }
}