.toaster { position: fixed; display: flex; padding: 10px 20px; top: 15px; right: 15px; max-width: calc(100vw - 70px); color: #FFF; font-weight: 700; opacity: 1; background: var(--red-color); align-items: center; transition: .25s opacity linear; }
.toaster.done { background: var(--green-color); }
.toaster.disappearing { opacity: 0; }
.toaster-icon { margin-right: 10px; width: 25px; height: auto; fill: #FFF; flex-shrink: 0; }