@use '@tencentcloud/uikit-base-component-react/dist/styles/theme/util' as *;
@use '../bubble-mixins' as bubble;

.custom-message {
  padding: 10px 12px;

  &--self {
    @include bubble.bubble-base-self();
  }

  &--other {
    @include bubble.bubble-base-other();
  }
}

.call-message-c2c {
  cursor: pointer;
  align-items: center;
  font-weight: bold;

  &__icon {
    @include theme() {
      color: get(text-color-link);
    }
  }
}

.call-message-group {
  cursor: default;
  align-items: center;
  font-weight: normal;

  &__icon {
    @include theme() {
      color: get(text-color-link);
    }
  }
}