#open-search-overlay{
  position:fixed;
  bottom:25px;
  right:25px;
  background:#000;
  color:#fff;
  border:none;
  width:50px;
  height:50px;
  border-radius:50%;
  font-size:20px;
  cursor:pointer;
  z-index:9999;
}

#bp-search-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.9);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  transition:0.3s;
}

#bp-search-overlay.active{
  opacity:1;
  visibility:visible;
}

.bp-search-overlay-content{
  background:#fff;
  padding:40px;
  border-radius:8px;
  width:90%;
  max-width:600px;
  text-align:center;
  transform:scale(0.9);
  transition:0.3s;
}

#bp-search-overlay.active .bp-search-overlay-content{
  transform:scale(1);
}

.bp-close-search{
  position:absolute;
  top:20px;
  right:30px;
  font-size:32px;
  background:none;
  border:none;
  cursor:pointer;
}

.bp-search-overlay-content input{
  width:70%;
  padding:12px;
  font-size:18px;
}

.bp-search-overlay-content button{
  padding:12px 20px;
  font-size:16px;
  margin-left:10px;
  cursor:pointer;
}