.push-message {
    width: 371px;
    position: fixed;
    bottom: 20%;
    right: 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 17px;
    border-radius: 12px;
    gap: 18px;
    display: none;
    z-index: 200;
    -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.push-message__red {
    background: #FFF0F0;
    border: 1px solid #FF4040;
}
.push-message__orange {
    background: #FFFAED;
    border: 1px solid #FFD166;
}
.push-message__green {
    background: #E0FFEB;
    border: 1px solid #26DB64;
}
.push-message__gray {
    background: #FCFCFD;
    border: 1px solid #64656A;
}
.push-message__text {
    color: #353945;
    max-width: 315px;
    margin-bottom: 0
}
.push-message__close {
    cursor: pointer;
}
.push-message__active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }
    100% {
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px);
    }
}
@keyframes slide-left {
    0% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }
    100% {
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px);
    }
}