как со свойством filter css всплывашку в этом элементе оставить background белый цвет?

.first { 
  width: 200px; 
  height: 50px; 
  border: solid; 
  position: relative; 
} 
 
.first > div { 
  display: block; 
  width: 100%; 
  height: 100%; 
  background: white; 
} 
 
.first span { 
  position: absolute; 
  left: 0; 
  top: 0; 
} 
 
.first span { 
  display: none; 
  background: white; 
  z-index: 1; 
} 
 
.first:hover > div { 
  filter: brightness(55%); 
} 
 
.first:hover span { 
  width: 100px; 
  height: 25px; 
  border: solid; 
  display: block; 
}

<div class="first"> 
  <span>alert</span> 
  <div></div> 
</div> 
<div class="first"> 
  <span>alert</span> 
  <div></div> 
</div>