.uc-email-btn {
     border:1px solid #BD5AFB;
     background-color: white;
     border-radius: 8px;
     cursor: pointer;
     overflow: hidden;
  }
  
  /* Стиль для текста внутри группы */
  .uc-email-btn .tn-atom {
    color: #BD5AFB !important; /* Цвет текста по умолчанию */
    transition: color 0.3s ease; /* Плавная смена цвета текста */
    transition: background-color 0.3s ease;
  }

  /* Стиль для иконки внутри группы (если это SVG или изображение) */
  .uc-email-btn svg path,
  .uc-email-btn img {
    transition: fill 0.3s ease, filter 0.3s ease; /* Плавная смена цвета иконки */
  }

  /* Hover-эффект для всей группы */
  .uc-email-btn:hover {
    background-color: #BD5AFB; /* Фиолетовый фон при наведении */
  }

  .uc-email-btn:hover .tn-atom {
    color: #FFFFFF !important; /* Белый текст при наведении */
  }

  .uc-email-btn:hover svg path {
    fill: #FFFFFF; /* Белая иконка (если SVG) */
  }

  .uc-email-btn:hover img {
    filter: brightness(0) invert(1); /* Белая иконка (если PNG) */
  }