//- button style
.oc-button 
    display inline-block
    line-height 32px
    &.xs
        line-height 22px
    &.sm
        line-height 28px
    &.lg
        line-height 38px
    &.xl
        line-height 42px
button, .oc-button
    vertical-align middle
    padding 0 12px
    height 32px
    line-height 1.41em
    border 1px solid #2639a0
    border-radius 4px
    text-align center
    
    background-color #fff
    color #2639a0
    font-size 12px
    font-weight 400

    white-space nowrap
    cursor pointer
    -ms-touch-action manipulation
    user-select none
    text-decoration none
    transition box-shadow .2s
    touch-action manipulation

    &:focus
        outline none
    &:not([disabled]):hover
        color #fff
        background-color #2639a0
        border-color #2639a0
        text-decoration none
    &:active
        background-color #fff
        color #001689
        border-color #001689
        text-decoration none
        color inherit
    
    &.primary, &.main
        color #fff
        border-color #2639a0
        background-color #2639a0
        &:not([disabled]):hover
            color #fff
            background-color #0522b7
            border-color #0522b7
    &.neutral
        color #2639a0
        border 0px
        &:not([disabled]):hover
            background-color #fff
            color #4461ef
    &.secondary
        color #fff
        background-color #4461ef
        border-color #ccc
        &:not([disabled]):hover
            color #fff
            border-color #7c8de5
            background-color #7c8de5
    &.third
        border-color #ccc
        &:not([disabled]):hover
            color #001689
            border-color #001689
            background-color #fff
    &.red
        border-color #ffeef0
        background-color #ffeef0
        color #e11e1f
        &:not([disabled]):hover
            color #e11e1f
            border-color #fab8c0
            background-color #fab8c0
    &.yellow
        border-color #fcf7cc
        background-color #fcf7cc
        color #d5910e
        &:not([disabled]):hover
            color #d5910e
            border-color #fdf5ac
            background-color #fdf5ac
    &.orange
        border-color #fdf0d8
        background-color #fdf0d8
        color #ff8400
        &:not([disabled]):hover
            color #ff8400
            border-color #fcdb9d
            background-color #fcdb9d
    &.anker-icon
        border-color #ffffff
        background-color #ffffff
        color #2639a0
        &:not([disabled]):hover
            color #2639a0
            border-color #eeeeee
            background-color #eeeeee

    &[disabled], &.primary[disabled], &.secondary[disabled]
        cursor default
        color #fff
        background-color #ccc
        border 0px
    &.neutral[disabled]
        cursor default
        color #ccc
        background-color #fff
        border 0px
    &.xs
        height 22px
    &.sm
        height 28px
    &.lg
        height 38px
    &.xl
        height 42px