cant get it to work

/* reload button in search bar */
#searchbar {
    position: relative;
    z-index: 1; /* Keep search bar in the background */
    padding-right: 40px; /* Make space for the reload button */
}

/* Move reload button into the searchbar and in front */
#reload-button {
  position: absolute !important; /* Positioning inside the search bar */
  right: 320px !important; /* Adjust this to move it left or right */
  top: 65% !important; /* Adjust this to move it up or down */
  transform: translateY(-50%) !important; /* Vertically center the button */
  background: none !important; /* Remove background */
  border: none !important; /* Remove border */
  width: 30px !important; /* Fixed width for the button hitbox */
  height: 30px !important; /* Fixed height for the button hitbox */
  padding: 0 !important; /* Remove padding */
  box-shadow: none !important; /* Remove box shadow */
  z-index: 9999 !important; /* Ensure it's on top of the search bar */
  pointer-events: auto !important; /* Ensure it's clickable */
  cursor: pointer !important; /* Make the cursor indicate it's clickable */
}

/* vertical line */
#reload-button::before {
  content: ""; /* Create a pseudo-element */
  position: absolute;
  left: -10px; /* Adjust this to position the line closer to the button */
  top: 50%;
  transform: translateY(-50%);
  width: 1px; /* Line thickness */
  height: 20px; /* Length of the line */
  background-color: #a0a0a0; /* Line color */
  z-index: 9998; /* Ensure the line stays behind the button */
}

/* triangle (⏷) */
#reload-button::after {
  content: "⏷"; /* Insert the triangle character */
  position: absolute;
  left: -20px; /* Position the triangle next to the line */
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px; /* Adjust font size of the triangle */
  color: #a0a0a0; /* Triangle color */
  z-index: 9997; /* Ensure the triangle stays behind the button */
}