.notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
    min-width: 250px;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .notification.fade-out {
        opacity: 0;
        transform: translateY(20px);
    }

@media (max-width: 576px) {
    .notification {
        left: 20px;
        right: 20px;
        width: calc(100% - 40px);
        max-width: 400px;
        margin: 0 auto;
    }
}