#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    bottom: 20px; /* 20px from the bottom */
    right: 30px; /* 30px from the right */
    background-color: #c82e08; /* Background color */
    color: rgb(243, 219, 6); /* Icon color */
    border: none; /* No borders */
    border-radius: 50%; /* Rounded shape */
    padding: 10px; /* Some padding */
    font-size: 24px; /* Font size */
    cursor: pointer; /* Pointer/hand icon */
    z-index: 1000; /* Sit on top */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow */
    transition: background-color 0.3s, opacity 0.3s; /* Smooth transition */
    animation: jump 2s ease infinite; /* Add the jumping animation */
}

/* Animation keyframes for jumping */
@keyframes jump {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

#myBtn:hover {
    background-color: #460903; /* Darker color on hover */
    color: azure;
    animation: none; /* Remove animation on hover */
}

#myBtn i {
    margin: 0; /* Remove margin for icon */
}
