.notification-message {
    position: fixed;
    text-align: center;
    padding: 1.5em 1em 1.5em 1em;
    font-family: var(--font-univers-light);
    color: var(--color-white);
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 90000;
    overflow-wrap: break-word;
    width: auto;
}

.notification-message-success {
    background: var(--color-green);
}

.notification-message-error {
    background: var(--color-fusion-red);
}

.notification-message-warning {
    background: var(--color-orange-warning);
}

@media screen and (max-width: 448px) {
    .notification-message {
        width: 100%;
    }
}