.close,.bonus-lightbox-close{
  position:absolute;
  right:15px;
  top:12px;
  width:44px;
  height:44px;
  border:1px solid rgba(255,127,167,.24);
  border-radius:50%;
  background:rgba(255,255,255,.045);
  color:#f7c8d8;
  display:grid;
  place-items:center;
  padding:0;
  font-size:0;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .15s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
  z-index:30;
}
.close::before,.close::after,.bonus-lightbox-close::before,.bonus-lightbox-close::after{
  content:"";
  position:absolute;
  width:17px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.close::before,.bonus-lightbox-close::before{transform:rotate(45deg)}
.close::after,.bonus-lightbox-close::after{transform:rotate(-45deg)}
.close:hover,.bonus-lightbox-close:hover{
  background:rgba(255,127,167,.11);
  border-color:rgba(255,127,167,.48);
  transform:scale(1.05);
  box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 0 3px rgba(255,127,167,.07);
}
.close:active,.bonus-lightbox-close:active{transform:scale(.96)}
.close:focus-visible,.bonus-lightbox-close:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,127,167,.2),0 8px 24px rgba(0,0,0,.22);
}
@media(max-width:520px){
  .close,.bonus-lightbox-close{right:10px;top:9px;width:40px;height:40px}
  .close::before,.close::after,.bonus-lightbox-close::before,.bonus-lightbox-close::after{width:15px}
}