/* Estilos de los botones de aprobado o rechazados */

/* Estilo base para los botones */
.status span {
  position: relative;
  border-radius: 30px;
  padding: 4px 10px 4px 25px;
}

/* Estilo para el punto circular después del texto del botón */
.status span:after {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 50%;
}



/* Estilo para el botón reversado */
.status .reversado {
  background: #B9CBF5;
  color: #001CBA;
}


/* Estilo para el punto circular del botón activo */
.status .reversado:after {
  background: #001CBA;
}




/* Estilo para el botón activo */
.status .active {
  background: #cff6dd;
  color: #1fa750;
}


/* Estilo para el punto circular del botón activo */
.status .active:after {
  background: #23bd5a;
}

/* Estilo para el botón de espera */
.status .waiting {
  background: #fdf5dd;
  color: #cfa00c;
}

/* Estilo para el punto circular del botón de espera */
.status .waiting:after {
  background: #f2be1d;
}

/* Estilo para el botón de rechazo */
.status .red {
  background: #ffd1d1;
  color: #c62828;
}

/* Estilo para el punto circular del botón de rechazo */
.status .red:after {
  background: #ff8a80;
  color: #c62828;
}

/* Fin de estilos de los botones de aprobado o rechazados */

.neon-border {
  position: absolute;
  top: -3px;
  width: 40%;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 23px;
  pointer-events: none;
  z-index: -1;
  box-shadow: 0 0 5px #4cffb5, 0 0 20px #4cffb5, 0 0 40px #4cffb5, 0 0 80px #4cffb5, 0 0 120px #4cffb5, 0 0 200px #4cffb5, 0 0 300px #4cffb5;
}