/* Base popup wrapper */
.notification-popup {
    padding: 3rem 2rem; /* 48px 32px */
    display: flex;
    justify-content: center;
}
.notification-popup .notification-popup__content {
        max-width: 18rem; /* 288px */
        text-align: center;
        margin: 0 auto;
    }
.notification-popup .notification-popup__title {
        margin-top: 0.625rem; /* 10px */
        padding: 0;
        font-weight: 700;
        line-height: 1.25; /* tight */
        font-size: 1.375rem; /* 22px */
        color: var(--color-primary);
    }
.notification-popup .notification-popup--error .notification-popup__title { font-size: 1.25rem; /* 20px */ }
.notification-popup .notification-popup__text {
        margin-top: 1.125rem; /* 18px */
        padding: 0;
        line-height: 1.5; /* normal */
        font-size: 0.9375rem; /* 15px */
        color: var(--color-primary);
    }
.notification-popup .notification-popup__close { 
        margin-top: 2rem; /* 32px */ 
        cursor: pointer;
    }
@media (min-width: 48rem) { /* 768px */
    .notification-popup {
        padding: 4.5rem 6.25rem; /* 72px 100px */
    }

        .notification-popup .notification-popup--success .notification-popup__title { font-size: 1.5rem; /* 24px */ }
        .notification-popup .notification-popup--error .notification-popup__title { font-size: 1.4375rem; /* 23px */ }
}