.notificationSection{
    background: linear-gradient(90deg, #DBAEFF 0%, #4A2495 100%);
    padding: 10px 0;
    position: relative;
    display: none;
}
.notificationSection p{
    color:#ffffff;
    font-size:16px;
    line-height:1.2;
    display:inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap:30px;
}
.notificationSection p span,.notificationSection p img{display: block;}
.notificationRight a{
    text-decoration:none;
}

.notificationWrap{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
}
.notificationLeft{
    max-width: calc(100% - 150px);
    overflow: hidden;
}
.notificationLeft::before,.notificationLeft::after{
    content:'';
    position:absolute;
    width:100px;
    height:100%;
    top:0;
    z-index:2;
}
.notificationLeft::before{
    background:#DBAEFF;
    background:linear-gradient(90deg, #DBAEFF 0%, rgba(140,81,255,0) 100%);
}
.notificationLeft::after{
    background:#552e9d;
    background: linear-gradient(90deg, rgba(140,81,255,0) 0%,#552e9d 100%);
    right:150px;
}

.notificationRight{
    max-width:150px;
    width:100%;
    text-align: center;
}
.notificationRight a{
    border:1px solid #ffffff;
    font-size:12px;
    line-height:1.2;
    color:#ffffff;
    padding:6px 10px;
    transition:0.3s all ease-in-out;
}
.notificationRight a:hover{
    background-color:#ffffff;
    color:#000000;
}


@media only screen and (max-width: 1199px) {
    .notificationLeft::after{
        background: linear-gradient(90deg, rgba(140,81,255,0) 0%,#5d36a3 100%);
    }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .notificationLeft::after{
        background: linear-gradient(90deg, rgba(140,81,255,0) 0%,#6c45ae 100%);
    }
}

@media only screen and (max-width: 575px) {
    .notificationLeft{max-width:calc(100% - 100px);}
    .notificationRight{max-width:100px;}
    .notificationLeft::after{right:100px;}
    .notificationLeft::after,.notificationLeft::before{
        width:30px;
    }
}


@media only screen and (max-width: 420px) {
    .notificationLeft::after{
        background: linear-gradient(90deg, rgba(140,81,255,0) 0%,#764eb5 100%);
    }
}