.notification .modal-content{background:none}
.notification .modal-body{background:var(--notification-body-bg);border-radius:var(--border-radius-1)}
.notification__text {margin:0 0 10px;font-size:.95em;color:var(--notification-text-c)}
.notification__text > p {margin:0}
.notification__text > a{text-decoration:underline}
.notification__buttons{text-align:right;white-space:nowrap}
.notification__button + .notification__button {margin:0 0 0 10px}

.notification.fixed {position:fixed;z-index:1070;width:100%;bottom:0;animation:opacity .15s  linear}
.notification.fixed:before {position:absolute;z-index:-1;content:'';width:100%;height:100%;background:var(--notification-body-bg);opacity:.8}
.notification__wrapper.fixed {padding:15px 0}
.notification__button.cancel {color:var(--notification-btn-cancel-c);background:none;border:none;text-decoration:underline}

@-keyframes opacity{0%{opacity:0} 100%{opacity:1}}
@-webkit-keyframes opacity{0%{opacity:0} 100%{opacity:1}}
@-moz-keyframes opacity{0%{opacity:0} 100%{opacity:1}}

@media (min-width:992px){
    .notification__wrapper.fixed {display:flex;align-items:center}
    .notification__text.fixed {margin:0 25px 0 0}
}

@media (max-width:767px){
	.notification__wrapper.fixed {padding:20px 0}
	.notification__text {font-size:.85em}
}

@media (max-width:370px){
	/* .notification.fixed {display:none} */
}