@import "mixins/mixins";
@import "common/var";
@import "mixins/button";


@include b(business-tag) {
    .el-button-group {
        .el-button {
            border: none;
            background-color: rgba($--color-black, 0.15);
            color: $--color-white;
            backdrop-filter: blur(10px);
            min-width: 64px;
            & + .el-button {
                margin-left: 3px!important;
            }
            &.el-button--mini {
                border-radius: $--button-mini-border-radius;
                min-width: 56px;
            }
            &.el-button--small {
                border-radius: $--button-small-border-radius;
                min-width: 64px;
            }
            &.el-button--medium {
                border-radius: $--button-medium-border-radius;
                min-width: 80px;
            }
            // 选中样式
            &.is-active {
                color: $--color-text-primary;
                backdrop-filter: none;
                background-color: $--button-default-background-color;
                // 默认选中禁用
                &.is-disabled {
                    color: rgba($--color-text-primary, 0.6);
                }
            }
            // 禁用样式
            &.is-disabled {
                color: rgba($--color-white, 0.3);
            }
        }
    }
}
