I have implemented a website with a floating reload button. Additionally, I have included a table that utilizes Bootstrap's table-hover class. However, when I hover over a row in the table, the table-hover effect highlights the row (refer to Image 1), but it also overlaps with my floating reload button (refer to Image 2).
Image 1: https://i.sstatic.net/EIYBi.png
Image 2: https://i.sstatic.net/z0Otv.png
The CSS for my floating button is as follows:
.reload_button {
position: fixed;
bottom: 50px;
right: 50px;
background-color: black;
color: white;
border-radius: 50%;
padding: 10px;
}
What adjustments should I make?