.xf-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:99999; pointer-events:none;
  display:flex; justify-content:center; align-items:flex-end;
  padding:0 12px calc(10px + env(safe-area-inset-bottom, 0px));
  background:linear-gradient(180deg, transparent 0%, rgba(15,10,40,.55) 70%);
}
.xf-cta a{
  pointer-events:auto;
  position:relative;
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:min(94vw, 480px);
  min-height:54px;
  padding:14px 28px;
  border:0!important; outline:0!important;
  border-radius:18px 18px 22px 22px;
  background:
    radial-gradient(circle at 18% 35%, rgba(250,204,21,.55), transparent 42%),
    linear-gradient(120deg, #312e81 0%, #5b21b6 42%, #7c3aed 78%, #a855f7 100%);
  color:#fef9c3!important;
  text-decoration:none!important;
  font-size:16px; font-weight:800; letter-spacing:.04em;
  box-shadow:0 12px 28px rgba(91,33,182,.45), inset 0 1px 0 rgba(255,255,255,.18);
  animation:xf-bean-bounce 2.2s cubic-bezier(.34,1.56,.64,1) infinite;
}
.xf-cta a:before{
  content:"";
  width:14px; height:18px; border-radius:50% 50% 45% 45%;
  background:linear-gradient(160deg,#fde047,#f59e0b);
  box-shadow:0 0 0 2px rgba(253,224,71,.35);
  flex:0 0 auto;
}
.xf-cta a:hover{filter:brightness(1.08); color:#fffbeb!important}
.xf-cta a span{position:relative}
@keyframes xf-bean-bounce{
  0%,100%{transform:translateY(0)}
  40%{transform:translateY(-7px)}
  60%{transform:translateY(-3px)}
}
body{padding-bottom:92px!important}