/*base*/
.alert{
    border-radius: 0.5rem;justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex;
    padding:0.5rem 1rem;
    border: 0px;
    width: 100%;
}
.alert .alert-img {
    width: 20px;
    flex: 0 0 20px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert .alert-img img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    width: auto;
    height: auto;
    width: 100%;
    height: 100%;
}.alert .btn  ,.alert .close{
     margin-left: auto;
     white-space: nowrap;
 }
.close {
    cursor:pointer;
    text-shadow:none;
    opacity: 1;
   /**/ width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*stati*/
.alert-success{
    color:var(--color-black);
    background-color:var(--color-green-1);
}
.alert-info{
    color:var(--color-white);
    background-color:var(--color-green-5);
}.alert-info .close{
     color:var(--color-white);}
.alert-danger{
    color:var(--color-black);
    background-color:var(--color-error-2);
}
.alert-warning{
    color:var(--color-black);
    background-color:var(--color-alert-1);
}