.betbye-radar{max-width:600px;margin:auto;font-family:inherit}
.radar-card{background:#fff;border:1px solid #ddd;padding:20px;border-radius:14px}
.radar-question{font-size:18px;margin:20px 0}
.radar-options button{
display:block;width:100%;margin:8px 0;padding:12px;
border-radius:10px;border:1px solid #ccc;background:#fff;cursor:pointer;
}
.radar-options button:hover{background:#f5f5f5}
.radar-progress{text-align:center!important; margin-top:10px;font-size:18px;font-weight:bold;opacity:.5}

.radar-result{text-align:center;padding:20px}
.radar-btn-primary,.radar-btn{
display:inline-block;margin:10px;padding:10px 14px;border-radius:10px;
border:1px solid #333;text-decoration:none;
}

.radar-reset{
margin-top:12px;
padding:8px 12px;
border-radius:8px;
border:1px solid #bbb;
background:#fafafa;
cursor:pointer;
font-size:13px;
}
.radar-reset:hover{background:#f0f0f0}

.radar-options button{
text-align:left;
font-size:15px;
line-height:1.3;
padding:14px 16px;
border-radius:12px;
}

.radar-options button:hover{
background:#f7f7f7;
border-color:#111010;
}

/* ======================
   BOTONES BETBYE
====================== */

/* contenedor resultado */
.radar-result{
text-align:center;
}

/* estilo base para TODOS los botones */
.radar-btn-primary,
.radar-btn,
.radar-reset{

display:inline-block;
margin:10px 6px;
padding:12px 16px;
border-radius:12px;
border:1px solid #444;
background:#3a3a3a;          /* gris oscuro base */
color:#fff;
text-decoration:none;
font-size:15px;
cursor:pointer;
min-width:220px;              /* mismo ancho visual */
text-align:center;
transition:all .18s ease;
}

/* hover azul BetBye */
.radar-btn-primary:hover,
.radar-btn:hover,
.radar-reset:hover{
background:#1e81b0;           /* azul BetBye */
border-color:#1e81b0;
color:#fff;
}

/* evitar que el reset quede chico */
.radar-reset{
font-family:inherit;
}

/* ======================
   BOTON ALERTA ROJO
====================== */

.radar-btn-primary{
background:#b3261e;        /* rojo alarma */
border-color:#b3261e;
color:#fff;
}

.radar-btn-primary:hover{
background:#e53935;        /* rojo más brillante al pasar */
border-color:#e53935;
color:#fff;
}