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

.group-management-entry {
  padding: 16.5px 20px 10.5px;
  cursor: pointer;
  transition: background-color 0.2s ease;

  &__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  &__title {
    font-size: 14px;

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

  &__arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;

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

  &:hover &__arrow {
    transform: translateX(2px);
  }
}