@keyframes circle{
    0%{
      transform:rotate(0deg)
    
    }
    100%{
      transform:  rotate(-360deg);
    }
 }
 @keyframes gradient {
   
}



@keyframes taadaa { 
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  /* buttons  */

.live__chat {
  font-size: 14px;
  color: black;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 50px;
  border: 1px solid var(--black);
  position: relative;
}

.get__started {
  font-size: 14px;
  color: var(--white);
  font-weight: 600;
  padding: 12px 40px;
  border-radius: 50px;
  background-color: var(--blue);
  position: relative;
}
.live__chat:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 43px;
  background-color: #13bbfc;
  left: 0;
  top: 0;
  clip-path: circle();
  z-index: -1;
  animation: title-animate 4s infinite alternate;
}
/* title animation  */
@keyframes title-animate{
  0%{width: 170%};
  100%{width: 170%};
 }
 .get__started popup-btn:hover{
  color: var(--white);
  background-color: #13bbfc;
 }