.lonjong {
    display: inline-block;
    padding: 5px;
    background-color: white;
    border: 1px solid #022b6d;
    border-radius: 15px; /* Mengatur border melengkung */
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease; /* Animasi halus */
}

.lonjong a {
    color: #022b6d; /* Warna link default */
    text-decoration: none; /* Menghilangkan garis bawah pada link */
    transition: color 0.3s ease; /* Animasi halus pada perubahan warna */
}

.lonjong:hover {
    background-color: #022b6d; /* Mengubah warna background saat hover */
    color: white; /* Mengubah warna teks saat hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Menambah bayangan */
    transform: translateY(-3px); /* Menggeser elemen ke atas sedikit */
}

.lonjong:hover a {
    color: white; /* Mengubah warna link menjadi putih saat elemen di-hover */
}



.details {
    margin-top: 10px;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.detail-item strong {
    font-weight: bold;
    color: #333;
}

.detail-item span {
    color: #555;
}



        /* Position for the WhatsApp button */
        .whatsapp-container {
            position: fixed;
            bottom: 20px;
            left: 20px;
            z-index: 1000;
        }

        /* WhatsApp button styles */
        .whatsapp-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #25d366;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* WhatsApp Icon styling */
        .whatsapp-btn img {
            width: 35px;
            height: 35px;
        }

        /* Hover effect */
        .whatsapp-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }

        /* Pop-up animation */
        .whatsapp-container.show {
            animation: popUp 0.5s forwards;
        }

        /* Keyframes for pop-up effect */
        @keyframes popUp {
            0% {
                opacity: 0;
                transform: scale(0);
            }

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