.tost_unlimited_chat_button {	
	-webkit-tap-highlight-color: transparent;
	border:none;
    background: #ffffff;
	/*background-image: url('../images/chat_button_background.jpg');
    background-size: cover; 
    background-position: center;
	*/
    width:70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    right:40px;
    bottom: 40px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);	
	z-index: 999999;
	animation: chat_button_appear 2s ease forwards;
}

.tost_unlimited_chat_button::before {
  -webkit-tap-highlight-color: transparent;
  content: '';
  position: fixed;
  /*inset: -1px 30px;*/
  /*background: #f6b220;*/
  background: #000000AA;
  transition: 500ms;
  animation: rotate 30s linear infinite;
  z-index: -1;
}

.tost_unlimited_chat_button:hover::before {	
	transform: scale(0.5);
}

.tost_unlimited_chat_button::after {
  -webkit-tap-highlight-color: transparent;
  content: '';
  position: fixed;
  inset: 3px;
  border-radius: 50%;  
  /*background: #F6B42F;*/
  background-image: url('../images/chat_image_start.png'); /* Remplacez par le chemin de votre image */
  /*background-image: url('../images/chat_button_background.jpg');*/
  background-size: cover; /* Ajuste l'image pour qu'elle couvre tout le bouton */
  background-position: center; /* Centre l'image */  
  background: linear-gradient(135deg, #4eaad7 40%, #65ccff 75%);
  z-index: -1;
  transition: background-image 0.5s ease-in-out;
}

.tost_unlimited_chat_button.loaded::after {
	background-image: url('../images/chat_animation.gif');
}

/*.tost_unlimited_chat_button:hover::after { 
  background: #FFFFFF;  
}*/


@keyframes rotate {
  0% {
    transform: rotate(0deg);
	scale:1;
  }
  100% {
	scale:1;
    transform: rotate(360deg);
  }
}

/* Change the chat button location on smartphone */

@keyframes over_image {
  0% {
    transform: perspective(80px) rotateX(90deg);
  }  
  50% {	
    transform: perspective(80px)  rotateX(0deg);
  }
  100% {	
    transform: rotate(0deg);
  }
}


.tost_unlimited_chat_image:hover{		
	animation: over_image 0.3s linear forwards;	
}

@keyframes over_image {
  0% {
    transform: rotate(0deg);	
  }  
  100% {
    transform: rotate(0deg) scale(0.8);		
  }  
}


.tost_unlimited_chat_image{		
	padding-top:7px;
	animation: rotate_image 15s linear infinite;	
}

@keyframes rotate_image {
  0% {
    transform: rotate(0deg);	
  }
  48% {
    transform: rotate(0deg);	
  }
  50% {	
    transform: perspective(80px)  rotateX(90deg);
  }
  55% {	
    transform: perspective(80px)  rotateX(0deg);
  }
  100% {	
    transform: rotate(0deg);
  }
}

.iframe_tost_unlimited {
  width: 100%;
  height: 100%;
  border: none;  
  display:block;
}

.new_iframe_tost_unlimited {
  display: block;
  border: none;
  position: fixed;
  top: auto;
  bottom: 0px !important;
  left: auto;right: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  color-scheme: none;
  background: none transparent !important;
  margin: 0px;
  max-height: 100vh;
  max-width: 100vw;
  transform: translateY(0px);
  transition: none 0s ease 0s !important;
  visibility: visible;
  z-index: 999999999 !important;"
}

.popup_chat_container {
  /*width: 100%;
  height: 100%;*/
  
  bottom: 10px;
  right: 10px;
  
  width:500px;
  height: 700px;
  
  display: none;
  position: fixed;
  background-color: #fff;
  border: 1px solid #ccc;
  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  animation: starGrow 0.8s ease forwards;
  /*animation: popupAppear 0.5s ease forwards;*/
  transform-origin: bottom right;
  z-index:1975;
}

@media (max-width: 700px)
{
	/* Smartphones */
	.tost_unlimited_chat_button{
		right:15px;
		bottom: 15px;		
	}

	.tost_unlimited_chat_button::before {
	  background: #00000066;  
	}

	.popup_chat_container {
	  width:100%;
	  height: 100%;
	  top: 0px;
	  left: 0px;
	  border: 0px;
	}
}

.freeze{
	overflow: hidden;
}

  /*width:100%;
  height: 100%;
  bottom: 20px;
  right: 20px;
  border-radius: 10px;
   border: 1px solid #ccc;*/
  

@keyframes popupAppear {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes starGrow {
 from {     
    opacity: 0;
    transform: scale(0.1);  
  }
  to {
    opacity: 1;
    transform: scale(1);  
  }
}

@keyframes chat_button_appear {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}