/* =====================================================
   ALERT SYSTEM - SISGCOE DESIGN SYSTEM
===================================================== */

.alert-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.alert-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    min-height:54px;
    padding:12px 14px;
    border-radius:18px;
    background:rgba(15,23,42,.72);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:.25s ease;
}

.alert-item:hover{
    transform:translateY(-2px);
}

.alert-icon{
    font-size:20px;
    flex-shrink:0;
}

@media(max-width:480px){

    .alert-list{
        gap:10px;
    }

    .alert-item{
        padding:10px 12px;
        min-height:auto;
        border-radius:16px;
    }

    .alert-icon{
        font-size:17px;
    }
}