@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;

.send-button {
  padding: 2px;
  border-radius: 4px;
  cursor: pointer;

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

  &:hover {
    @include light() {
      background-color: #dfefff;
    }

    @include dark() {
      background-color: #3a3a3a;
    }
  }

  &--disabled {
    cursor: not-allowed;

    @include theme() {
      color: #787878;
    }
  }
}