.mf-button {
    // .mf-icon {
    // 	margin-right: 3px;
    // }
    &.arco-btn-size-huge {
        height: 40px;
        padding: 0 19px;
        font-size: 14px;
        border-radius: var(--border-radius-small);
    }

    &.arco-btn-size-small {
        .mf-icon {
            font-size: 14px;
        }
    }

    &.arco-btn-text {
        &.arco-btn-status-default {
            color: #fff;
            &:hover {
                color: #fff;
            }
            &:active {
                color: #fff;
                background-color: transparent;
            }
            &.arco-btn-disabled {
                color: var(--color-text-5);
            }
        }

        .arco-btn-icon {
            margin-right: 4px;
        }
    }

	&.arco-btn-primary {
		background-color: #1e293b;
		border-color: #1e293b;
		color: #fff;
		&.arco-btn-loading,
		&:hover {
			color: #fff;
			background-color: #334155;
			border-color: #334155;
		}

		&.arco-btn-disabled {
		    color: var(--color-text-5);
		}
	}
}

/* 与 portal-buttons.less 一致：亮色主题下文本按钮用灰字 */
body:not([arco-theme='dark']) {
	.mf-button.arco-btn-text.arco-btn-status-default:not(.arco-btn-disabled) {
		color: #5c6b8a;

		&:hover {
			color: #94a3b8;
		}

		&:active {
			color: #94a3b8;
		}
	}
}