.burger_loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #444;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 0.8s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.radio-check {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  user-select: none;
}

/* Ocultar el radio original */
.radio-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Estilo del círculo */
.checkmark {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  border: 3px solid white;
  border-radius: 50%;
}

/* Checkmark visible solo cuando está seleccionado */
.radio-check input:checked ~ .checkmark::after {
  content: "✔";
  position: absolute;
  left: 3px;
  top: -25px;
  font-size: 40px;
  font-weight: 600;
  color: var(--e-global-color-primary);
}
    
#btn_vote {
  background-color: var(--e-global-color-primary); 
  border-color: var(--e-global-color-primary);
  color:white; 
  font-size:1.1em;
  cursor:pointer;
}
#btn_vote:hover {
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
  color: #FFFFFF;
} 
div:where(.swal2-container) div:where(.swal2-popup) {
  width: 35em;
}    
div:where(.swal2-container) .swal2-html-container {
  text-align: left; 
}  

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
 border: 0;
  border-radius: .25em;
  background: initial;
  background-color: var(--e-global-color-primary);
  color: #fff;
  font-size: 1em;
}