.alert {
    border-radius: 50px; /* Ajusta este valor para cambiar cuánto quieres redondear los bordes */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* Agrega una sombra para darle profundidad */
    transition: 0.3s; /* Agrega una transición para suavizar el cambio de estado */
}

.alert-danger:hover {
    box-shadow: 0 8px 16px 0 rgba(252, 150, 163, 0.3);
    cursor: pointer; /* Cambia la sombra cuando se pasa el ratón por encima para dar un efecto de "elevación" */
}

.alert-success:hover {
    box-shadow: 0 8px 16px 0 rgba(150, 252, 152, 0.2);
    cursor: pointer; /* Cambia la sombra cuando se pasa el ratón por encima para dar un efecto de "elevación" */
}