cldV2react/src/pages/Customer/Client/components/ChangeCompany/index.less

.companyInput {
  padding: 8px 12px 6px;
  color: @primary-color;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  &:hover {
    background: #f2f2f2;
    border-color: #f2f2f2;
  }
  :global(.ant-card-small > .ant-card-body) {
    padding: 0.5rem;
  }
  .notCompanyContent {
    cursor: pointer;
    &:hover {
      color: #967bbd;
    }
  }
  .nameContent {
    color: @primary-color;
    cursor: pointer;
    &:hover {
      color: #967bbd;
    }
  }
  .unlinkIcon {
    padding: 0 3px;
    color: #fd3995;
    line-height: 1.15rem;
    border: 1px solid #fd3995;
    border-radius: 0.25rem;
    cursor: pointer;
    &:hover {
      color: #ffffff;
      background-color: #fd3995;
      border-color: #fd3995;
      transition: all 0.2s ease-in-out;
    }
    // &:active {
    //   box-shadow: 0 2px 5px rgb(0 0 0 / 15%) inset;
    // }
  }
  .switchIcon {
    padding: 0 3px;
    color: #886ab5;
    line-height: 1.15rem;
    border: 1px solid #886ab5;
    border-radius: 0.25rem;
    cursor: pointer;
    &:hover {
      color: #ffffff;
      background-color: #886ab5;
      border-color: #886ab5;
      transition: all 0.2s ease-in-out;
    }
    // &:active {
    //   box-shadow: 0 2px 5px rgb(0 0 0 / 15%) inset;
    // }
  }
}