/*
Chatera Floating WhatsApp Button Styles
Version: 1.1.6
*/

#chatera-floating-whatsapp {
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 1000;
    opacity: 0; /* Awalnya transparan */
    visibility: hidden; /* Awalnya tidak terlihat dan tidak interaktif */
    transform: translateY(20px) scale(0.9); /* Posisi awal sedikit ke bawah dan kecil */
    transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0s linear 0.4s; /* Transisi untuk kemunculan */
}

#chatera-floating-whatsapp.chatera-fw-visible {
    opacity: 1; /* Jadi terlihat penuh */
    visibility: visible; /* Jadi terlihat dan interaktif */
    transform: translateY(0) scale(1); /* Kembali ke posisi dan ukuran normal */
    transition-delay: 0s; /* Pastikan tidak ada delay saat menjadi visible */
}

#chatera-floating-whatsapp a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: #FFFFFF;
    border-radius: 100%;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    /* Transisi untuk hover dipindahkan ke sini agar tidak konflik dengan transisi kemunculan */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 
}

#chatera-floating-whatsapp a:hover,
#chatera-floating-whatsapp a:focus {
    transform: scale(1.1); /* Hanya efek hover pada tombol itu sendiri, bukan kontainer */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    outline: none;
}

#chatera-floating-whatsapp svg {
    /* Ukuran sudah diatur di SVG, fill: currentColor mengambil warna dari <a> */
}