
@keyframes xf-yl-shimmer{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
@keyframes xf-yl-pulse{
  0%,100%{transform:translateY(0) scale(1); box-shadow:0 10px 28px rgba(255,80,101,.35)}
  50%{transform:translateY(-2px) scale(1.012); box-shadow:0 16px 36px rgba(255,80,101,.48)}
}
@keyframes xf-yl-heart{
  0%,100%{transform:scale(1); opacity:.9}
  50%{transform:scale(1.18); opacity:1}
}
.xf-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:9999; 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(255,240,243,.92) 60%);
}
.xf-cta a{
  pointer-events:auto;
  position:relative;
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:min(94vw, 480px);
  min-height:50px;
  padding:13px 28px;
  border:0!important; outline:0!important;
  border-radius:999px 18px 999px 18px;
  background:linear-gradient(110deg,#ff7a8a 0%,#ff5065 35%,#e11d48 70%,#ff7a8a 100%);
  background-size:200% 100%;
  animation:xf-yl-shimmer 4.5s linear infinite, xf-yl-pulse 2.4s ease-in-out infinite;
  color:#fff!important;
  text-decoration:none!important;
  font-size:15px; font-weight:800; letter-spacing:.06em;
  box-shadow:0 10px 28px rgba(255,80,101,.35);
}
.xf-cta a:before{
  content:"❤"; font-size:14px;
  animation:xf-yl-heart 1.6s ease-in-out infinite;
}
.xf-cta a:hover{filter:brightness(1.06); color:#fff!important}
.xf-cta a span{position:relative}
body{padding-bottom:88px!important}
