.btn-online,
[class*="online"],
.status-online {
background: #ff0000 !important;
color: #ffffff !important;
border: 3px solid #ffffff !important;
font-weight: 900 !important;
font-size: 14px !important;
padding: 8px 16px !important;
border-radius: 25px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
box-shadow: 0 0 15px #ff0000, 
0 0 30px #ff0000 !important;
animation: pulse-online 1.2s ease-in-out infinite !important;
cursor: pointer !important;
} .online-dot,
[class*="online"] .dot,
[class*="online"] span:first-child {
width: 12px !important;
height: 12px !important;
background: #00ff00 !important;
border-radius: 50% !important;
display: inline-block !important;
margin-right: 6px !important;
animation: blink-dot 0.8s ease-in-out infinite !important;
box-shadow: 0 0 8px #00ff00 !important;
} @keyframes pulse-online {
0%   { 
box-shadow: 0 0 10px #ff0000, 
0 0 20px #ff0000;
transform: scale(1);
}
50%  { 
box-shadow: 0 0 25px #ff4444, 
0 0 50px #ff0000,
0 0 75px #ff0000;
transform: scale(1.05);
}
100% { 
box-shadow: 0 0 10px #ff0000, 
0 0 20px #ff0000;
transform: scale(1);
}
} @keyframes blink-dot {
0%   { opacity: 1; transform: scale(1); }
50%  { opacity: 0.3; transform: scale(1.4); }
100% { opacity: 1; transform: scale(1); }
} .hostesse-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 10px 30px rgba(255,0,0,0.4) !important;
transition: all 0.3s ease !important;
}