.toast {
position: fixed;
        left: 50%;
        bottom: 28px;
        transform: translate(-50%, 30px);
        background: #222;
        color: #fff;
        padding: 11px 18px;
        border-radius: 999px;
        opacity: 0;
        pointer-events: none;
        transition: 0.25s ease;
        z-index: 200;
        font-size: 13px;
}

.toast.show {
opacity: 1;
        transform: translate(-50%, 0);
}

@media (max-width: 720px) {
.toast {
bottom: 78px;
          max-width: 85%;
          white-space: nowrap;
}
}