.mute-unmute-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    cursor: pointer;

    width: 50px; /* Set width for the button */
    height: 50px; /* Set height to make it square, and thus circular with border-radius */
    border-radius: 50%; /* This makes the square shape circular */
    border: none; /* Removes border */
    background-color: black; /* Sets the background to transparent; change as needed */
    padding: 5px; /* Adjust padding */

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px; /* Adjust size as needed */
    
    /* Additional styles for the img element to ensure it fits well within the button */
}

.mute-unmute-btn img {
    width: 100%; /* Make the image fill the button */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image is fully visible within the button */
}