Hello, I tried positioning a raw HTML element permanently on the left and linking it. It works, except for the linking. It only works when I'm at the bottom of the footer. The other page elements are above this element. Here's my code. Please help.

RAW-HTML <div class="sidebar-ad"> <a href="/ba-click-lightbox-form-46" class="sidebar-link"> <div style=" width: 70px; height: 70px; background-color: #1e328c; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24pt;"> <i class="fa-solid fa-phone" style="color: white;"></i> </div> </a> </div>

CSS .sidebar-ad { position: fixed !important; bottom: 120px !important; left: 40px !important; z-index: 9999999 !important; display: flex !important; flex-direction: column !important; align-items: center !important; pointer-events: auto !important; }

.sidebar-link { text-decoration: none !important; / Keine Unterstreichung / display: block !important; / Wichtig, damit der ganze Bereich klickbar ist / cursor: pointer !important; / Zeigt den Mauszeiger als Hand / }

.sidebar-link:first-of-type { margin-bottom: 10px !important; / Abstand zwischen Icon und Text / }