#chat-circle{
  position: fixed !important;
  bottom: 20px !important;
  right: 1px !important;

  width: 60px;
  height: 60px;
  background: #ec2379;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateX(50px);
  transition: transform 0.3s ease !important;

  z-index: 9999;
}

#chat-circle:hover{
  transform: translateX(0);
}

#chat-circle::after{
  content: "❮";
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  background: #009688;
  color: white;
  width: 18px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  font-size: 12px;
}