/* 
    Evitar que el evento click se accione en los iconos de un boton 
    con esto nos aseguramos que el boton sea el target del evento
*/
button > i {
    pointer-events: none;
}

button > h1, h2, h3, h4, h5, h6 {
    pointer-events: none;
}

a > span {
    pointer-events: none;
}
a > i {
    pointer-events: none;
}
a:hover {
    /*background color blue*/
    color: #0056b3;
}
td.d-flex {
    align-items: center;
    gap: 0.3rem;
}