Uncategorized admin أغسطس 19, 2025 0 تعليقات

أفضل مواقع المراهنات الموثوقة عالميا و التي فيها ODD عالي جدا

.bm-wrap{–bm-max:980px;–bm-h:100px;–bm-radius:14px;–bm-gap:14px;–bm-shadow:0 8px 26px rgba(0,0,0,.08);box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.bm-container{max-width:var(–bm-max);margin:18px auto;padding:0 12px}
.bm-card{
display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e8edf3;border-radius:var(–bm-radius);
box-shadow:var(–bm-shadow);padding:14px 16px;min-height:var(–bm-h);position:relative;overflow:hidden
}
.bm-col-btn{flex:0 0 140px;display:flex;align-items:center;justify-content:center}
.bm-btn{
display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
padding:12px 16px;border-radius:12px;background:#ff7a00;color:#fff;font-weight:900;white-space:nowrap;
transition:.2s
}
.bm-btn:hover{background:#ea6b00;box-shadow:0 8px 20px rgba(234,107,0,.35);transform:translateY(-1px)}
.bm-btn:active{transform:translateY(0)}
.bm-body{flex:1 1 auto;min-width:0}
.bm-title{margin:0 0 4px;font-size:18px;font-weight:900;color:#0b1324}
.bm-bonus{margin:0 0 6px;font-size:14px;color:#334155}
.bm-code{display:inline-block;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;padding:6px 10px;font-size:13px;color:#0f172a;font-weight:800}
.bm-side{flex:0 0 170px;display:flex;align-items:center;justify-content:flex-end;gap:12px;text-align:left}
.bm-score{font-size:12px;color:#475569}
.bm-stars{color:#f59e0b;font-size:14px;line-height:1}
.bm-logo img{height:40px;max-width:90px;object-fit:contain;display:block}

.bm-grid{display:grid;grid-template-columns:1fr;gap:var(–bm-gap)}
@media (max-width:640px){
.bm-card{flex-direction:column;align-items:stretch;padding:12px}
.bm-col-btn{order:3;flex:0 0 auto}
.bm-side{order:1;justify-content:space-between;flex:0 0 auto}
.bm-body{order:2}
.bm-title{font-size:16px}
.bm-bonus{font-size:13px}
.bm-btn{width:100%}
.bm-logo img{height:32px}
}

/* Glow colors */
@keyframes bm-glow-blue {0%,100%{box-shadow:0 0 0 2px #2563eb inset,0 0 10px #2563eb}50%{box-shadow:0 0 0 2px #3b82f6 inset,0 0 22px #3b82f6}}
@keyframes bm-glow-green{0%,100%{box-shadow:0 0 0 2px #16a34a inset,0 0 10px #16a34a}50%{box-shadow:0 0 0 2px #22c55e inset,0 0 22px #22c55e}}
@keyframes bm-glow-yellow{0%,100%{box-shadow:0 0 0 2px #ca8a04 inset,0 0 10px #ca8a04}50%{box-shadow:0 0 0 2px #facc15 inset,0 0 22px #facc15}}
@keyframes bm-glow-red {0%,100%{box-shadow:0 0 0 2px #dc2626 inset,0 0 10px #dc2626}50%{box-shadow:0 0 0 2px #ef4444 inset,0 0 22px #ef4444}}
@keyframes bm-glow-pink {0%,100%{box-shadow:0 0 0 2px #f87171 inset,0 0 10px #f87171}50%{box-shadow:0 0 0 2px #fca5a5 inset,0 0 22px #fca5a5}}
@keyframes bm-glow-black {0%,100%{box-shadow:0 0 0 2px #000 inset,0 0 10px #000}50%{box-shadow:0 0 0 2px #111 inset,0 0 22px #111}}
.bm-blue {animation:bm-glow-blue 1.8s infinite alternate;border-radius:var(–bm-radius)}
.bm-green {animation:bm-glow-green 1.8s infinite alternate;border-radius:var(–bm-radius)}
.bm-yellow{animation:bm-glow-yellow 1.8s infinite alternate;border-radius:var(–bm-radius)}
.bm-red {animation:bm-glow-red 1.8s infinite alternate;border-radius:var(–bm-radius)}
.bm-pink {animation:bm-glow-pink 1.8s infinite alternate;border-radius:var(–bm-radius)}
.bm-black {animation:bm-glow-black 1.8s infinite alternate;border-radius:var(–bm-radius)}