@import '../../style/default.less';

.whale-icon-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color:rgba(0, 0, 34, 0.85);

    &-primary{
        &-normal{
            &:hover{
                background: rgba(14, 62, 118, 0.05);
            }
        }
    
        &-active{
            background: rgba(14, 62, 118, 0.08);
        }
    
        &-disabled{
            color:rgba(196, 196, 196, 1);
            cursor:not-allowed;
            
        }
    }

    &-border{
        &-normal{
            color:rgba(0, 0, 34, 0.65);
            border: 1px solid #D9D9D9;
            &:hover{
                color:var(--ant-primary-color-hover);
                border: 1px solid var(--ant-primary-color-hover);
            }
        }
    
        &-active{
            color:var(--ant-primary-color-active);
            border: 1px solid var(--ant-primary-color-active);
            
        }
    
        &-disabled{
            background: #F5F5F5;
            color: rgba(0, 0, 34, 0.12);
            border: 1px solid rgba(0, 0, 34, 0.12);
            cursor:not-allowed;
            
        }
    }



    &-sm{
        border-radius: 4px;
    }

    
}