.notification_container{
    display: flex; flex-direction: column;
    width: 96%;
    margin-inline: auto;
    padding: 30px 20px ;
    margin-block: 20px 50px;
    box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, 0.1);
    border: 1.5px solid #E9EDF4;
    border-radius: 10px;
    .notification_header{
        display: flex;align-items: center;justify-content: space-between;
        padding-inline: 20px;
    }
    .notification_body{
        display: flex; flex-direction: column;
        justify-content: center;
        padding-inline: 10px ;
        gap: 30px;
        // transition: ease-in-out .4s;
        .notification_card{
            display: flex; justify-content: space-between;
            padding: 20px 20px;
            box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .05);
            border: 1.5px solid #E9EDF4;
            border-radius: 10px;
            cursor: pointer;
            >div{
                display: flex;align-items: center;
                gap: 14px;
                img{
                    width: 70px;
                }
                p{
                    margin-top: 12px;
                    color: #6A7287;
                }
                .trash_button{
                    visibility: hidden;
                }
            }
            &:hover{
                .trash_button{
                    visibility: visible;
                }
            }
        }
    }
}


.trash_button{
    background: #E93553;
    @include Flex;
    color: var(--white);
    padding: 20px 23px ;
    border: none !important;
    svg{
        font-size: 22px;
    }
    &:hover{
        background: #E93553 !important;
        color: var(--white) !important;
        border: none !important;
    }
}