Custom Mobile CSS

Hi, after the update the CSS code is not working properly for mobile view. The code is the following:

/* whatsapp */
.joinchat {
position: fixed !important; /* Ensures it stays in place */
bottom: 105px !important; /* Distance from the bottom */
right: 4px !important; /* Distance from the right */
z-index: 9999 !important; /* Ensures it appears above other elements */
visibility: visible;
animation: fadeIn 0.5s ease-in-out 0.5s forwards;
opacity: 0;
}

/* Belsy */
.hola-belsy {
position: fixed;
bottom: -90px !important;
right: -100px !important;
width: 500px !important;
height: 500px !important;
z-index: 9999 !important;
opacity: 0;
visibility: visible;
animation: fadeIn 0.3s ease-in-out 0.2s forwards;
clip-path: polygon(82% 68%, 86% 67%, 89% 54%, 84% 40%, 70% 21%, 59% 8%, 55% 8%, 45% 12%, 42% 24%, 0 24%, 0 45%, 32% 45%, 39% 62%, 42% 67%, 42% 68%);
}

Before a WordPress update the code was working fine, but now is not working, no matter if I change the value of the attributes it won’t work. Please help me to debug

• This topic was modified 7 hours, 44 minutes ago by emancilla0410.