@import '../style/themes/index.less';

button.oss-ui-toggle-button {
    color: #fff;
    background-color: @primary-color;
    border-color: darken(@primary-color, 5);

    &:focus {
        background-color: lighten(@primary-color, 10);
        border-color: lighten(@primary-color, 10);
    }

    &:hover {
        background-color: lighten(@primary-color, 10);
        border-color: lighten(@component-background, 5);
    }

    &:disabled {
        background-color: @component-background;
        border-color: darken(@component-background, 10);
    }

    // overrides the ant-btn:empty style, that is setting the button to hidden if no text or icon are given
    &:empty {
        visibility: visible;
    }

    &.btn-pressed {
        background-color: darken(@primary-color, 20);
        border-color: darken(@primary-color, 25);
    }
}