.bounce-btn {
    width: 4rem;
    /* w-32 */
    height: 4rem;
    /* h-32 */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #bebebe;
    font-size: 2.5rem;
    /* text-4xl */
    cursor: pointer;
    animation: bounce 3s infinite;
    transition: background 0.3s;
}

.bounce-btn:hover {
    background-color: #949393;
    /* hover efekti isteğe bağlı */
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
        /* yukarı zıplama mesafesi */
    }
}

.card-scale {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    border: 2px solid #e5e7eb;
    /* Başlangıçta hafif border */
}

.card-scale:hover {
    transform: scale(0.98);
    /* Daha hafif küçülme */
    border-color: #0e92eb;
    /* Maviye dönüşür */
    box-shadow: 0 10px 25px rgba(14, 146, 235, 0.2);
}

/* Sadece animasyonlu kısım gizlensin */
.reveal-on-hover {
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.4s ease;
}

.card-scale:hover .reveal-on-hover {
    opacity: 1;
    transform: translateY(0);
}