.messagebleft-container{
	transition:all 500ms ease;
	transition-property:top,right,bottom,left,opacity;
	font-family:Roboto,sans-serif;
	font-size:14px;
	min-height:14px;
 background: linear-gradient(#e789ff, #f8ddff, #9f00c7) !important;
	position:fixed;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#ff0000;
	line-height:22px;
	padding:18px 24px;
	bottom:-100px;
	top:-100px;
	opacity:0;
	z-index:9999;
	border: 4px solid #d80000 !important;
    border-radius:50px;
}
.messagebleft-container .action{
	background:inherit;
	display:inline-block;
	font-size:inherit;
	text-transform:uppercase;
	color:#ff0000;
	margin:0 0 0 24px;
	padding:0;
	min-width:min-content;
	cursor:pointer
}
@media(min-width:640px){
	.messagebleft-container{
		min-width:288px;
		max-width:568px;
		display:inline-flex;
		border-radius:50px;
		margin:24px
}
}
@media(max-width:640px){
	.messagebleft-container{
		left:0;
		right:0;
		width:100%
}
}
.messagebleft-pos.bottom-center{
	top:auto!important;
	bottom:7%;
	left:50%;
	transform:translate(-50%,0)
}
.messagebleft-pos.bottom-left{
	top:auto!important;
	bottom:0;
	left:0
}
.messagebleft-pos.bottom-right{
	top:auto!important;
	bottom:0;
	right:0
}
.messagebleft-pos.top-left{
	bottom:auto!important;
	top:0;
	left:0
}
.messagebleft-pos.top-center{
	bottom:auto!important;
	top:0;
	left:50%;
	transform:translate(-50%,0)
}
.messagebleft-pos.top-right{
	bottom:auto!important;
	top:0;
	right:0
}
@media(max-width:640px){
	.messagebleft-pos.bottom-center,.messagebleft-pos.top-center{
		left:0;
		transform:none
}
}