@import '../../assets/variable.less';
.module-user-compoent-more-popover {
  &-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 16px;
    height: 16px;
    cursor: pointer;
    .dot {
      width: 2px;
      height: 2px;
      background-color: @text-color;
      border: 50%;
    }
  }
  &-overlay {
    width: 102px;
    height: 112px;
    padding: @padding-xs;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    > .module-user-compoent-more-popover-overlay-button[ant-click-animating-without-extra-node]:after {
      border: 0 none;
      opacity: 0;
      animation: none 0 ease 0 1 normal;
    }
    > .module-user-compoent-more-popover-overlay-button {
      display: flex;
      align-items: center;
      width: 100%;
      height: 48px;
      padding: 0 @padding-xs;
      border: none;
      border-radius: 10px !important;
      // &:hover {
      //   color: @primary-color;
      //   background: @border-color-split;
      // }
      > i {
        margin-right: @margin-sm;
        font-size: 24px;
      }
    }
  }
}