@aplus-frontend/ui/theme/ap-drawer/ap-drawer.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

.b('ap-drawer', {
  &-close {
    width:32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--ap-border-color-base,#D9D9D9);
    border-radius: 4px;
    cursor: pointer;
    .aplus-frontend-icon{
      font-size: 18px;
      display: flex;
      align-items: center;
      transition: color 0.3s;
    }
    &:hover{
      .aplus-frontend-icon{
        color:var(--ap-color-error,#FF4D4F);
      }
    }
  }
});