Skip to content
Premium Floating Button
GET INSTANT ID
/* ================= WRAPPER ================= */
.jackpot-show-wrapper{
position:fixed;
bottom:25px;
left:25px;
z-index:999999;
display:flex;
flex-direction:column;
align-items:center;
font-family:sans-serif;
}
/* ================= SLOT MACHINE ================= */
.slot-machine-section{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
animation:slideDown 1s ease forwards;
}
@keyframes slideDown{
0%{transform:translateY(-100px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
/* SLOT CONTAINER */
.slot-reels-jackpot{
display:flex;
gap:12px;
padding:16px 22px;
background:linear-gradient(145deg,#111,#222);
border-radius:40px;
border:3px solid gold;
box-shadow:
0 0 20px gold,
0 0 40px orange,
inset 0 0 15px black;
}
/* SLOT REEL */
.reel-jackpot{
font-size:44px;
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(#fffcc0,#ffd700);
border-radius:10px;
font-weight:bold;
color:black;
box-shadow:
inset 0 -4px 0 #b8860b,
0 0 10px gold;
animation:spin 2s infinite;
}
@keyframes spin{
0%{transform:rotateX(0)}
50%{transform:rotateX(360deg)}
100%{transform:rotateX(0)}
}
/* ================= JACKPOT TEXT ================= */
.jackpot-text{
font-size:32px;
font-weight:900;
padding:8px 24px;
border-radius:40px;
border:2px solid gold;
background:linear-gradient(45deg,gold,orange,red,gold);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 0 10px gold,
0 0 20px red,
0 0 30px orange;
animation:jackpotShake 1.2s infinite;
}
@keyframes jackpotShake{
0%{transform:scale(1)}
25%{transform:scale(1.1)}
50%{transform:scale(1)}
75%{transform:scale(1.1)}
100%{transform:scale(1)}
}
/* ================= WHATSAPP BUTTON ================= */
.wa-button-jackpot{
margin-top:12px;
width:95px;
height:95px;
display:block;
}
.wa-button-jackpot img{
width:100%;
border-radius:50%;
box-shadow:
0 0 25px #25D366,
0 0 50px #25D366,
0 0 80px #25D366;
animation:waPulse 2s infinite;
}
@keyframes waPulse{
0%{transform:scale(1)}
50%{transform:scale(1.12)}
100%{transform:scale(1)}
}
/* ================= COIN RAIN ================= */
.coin-rain{
position:absolute;
top:-30px;
left:0;
width:100%;
pointer-events:none;
}
.coin-rain span{
position:absolute;
font-size:22px;
animation:coinFall 4s infinite linear;
}
.coin-rain span:nth-child(1){left:10%;animation-delay:0s}
.coin-rain span:nth-child(2){left:30%;animation-delay:1s}
.coin-rain span:nth-child(3){left:50%;animation-delay:2s}
.coin-rain span:nth-child(4){left:70%;animation-delay:3s}
.coin-rain span:nth-child(5){left:85%;animation-delay:4s}
@keyframes coinFall{
0%{transform:translateY(-50px) rotate(0);opacity:1}
100%{transform:translateY(150px) rotate(360deg);opacity:0}
}
/* ================= MOBILE ================= */
@media(max-width:480px){
.jackpot-show-wrapper{
left:10px;
bottom:10px;
transform:scale(.8);
}
.reel-jackpot{
width:50px;
height:50px;
font-size:30px;
}
.jackpot-text{
font-size:20px;
}
.wa-button-jackpot{
width:70px;
height:70px;
}
}
