.botnail {
    width:70px;
    border-radius: 50%;
    background-color: #F9F5F4;
    }

  .eziround {
     border: none;
     border-radius: 50%;
	 cursor:pointer;
   
  }
 
  .bot img {
       box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
      }
	  
  .eziround:hover  {
      filter: brightness(130%);
      
  }	  
  
  .bot-fix {
  float:right !important;	  
  z-index: 99 !important;  
  position:fixed !important;
  bottom:50px !important;
  right: 50px !important;
}

.bothide {
  display: none;
}
 

.bottip {
  color: #fff;
  font-size: 18px;
  max-width: 28ch;
  text-align: center;

}
.bottip {
  /* triangle dimension */
  --b: 2em; /* base */
  --h: 1em; /* height */

  --p: 30%; /* triangle position (0%:left 100%:right) */
  --r: 1.2em; /* the radius */
  --c: #494949;

  padding: 1em;
  border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--b)/2) min(var(--r),var(--p) - var(--b)/2)/var(--r);
  clip-path: polygon(0 100%,0 0,100% 0,100% 100%,
    min(100%,var(--p) + var(--b)/2) 100%,
    var(--p) calc(100% + var(--h)),
    max(0%  ,var(--p) - var(--b)/2) 100%);
  background: var(--c);
  border-image: conic-gradient(var(--c) 0 0) fill 0/
    var(--r) calc(100% - var(--p) - var(--b)/2) 0 calc(var(--p) - var(--b)/2)/
    0 0 var(--h) 0;
   opacity: .9; 
}