.AlertComponent{
    position: relative;
    border-radius: 0px;
    border: none;
    padding-left: 45px;
    font-weight: 500;
}
.AlertComponent img{
    max-width: 40px;
    margin-right: 10px;
}
.AlertComponent button{
    font-size: 40px;
}
.AlertComponent.alert-success{
    background-color: #c5f3d7;
}
.AlertComponent.alert-success button{
    background-color: #94eab9;
    color: #30ad5d;
}
.AlertComponent.alert-success::before{
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #2fd374;
}
.AlertComponent.alert-info{
    background-color: #d5f1fd;
}
.AlertComponent.alert-info button{
    background-color: #99d7fe;
    color: #1c9be1;
}
.AlertComponent.alert-info::before{
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #9ad8fd;
}
.AlertComponent.alert-warning{
    background-color: #feda9c;
}
.AlertComponent.alert-warning button{
    background-color: #ffd080;
    color: #c88709;
}
.AlertComponent.alert-warning::before{
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fea600;
}
.AlertComponent.alert-danger{
    background-color: #ffe1e3;
}
.AlertComponent.alert-danger button{
    background-color: #ffaaaf;
    color: #fd4b57;
}
.AlertComponent.alert-danger::before{
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ff9aa2;
}