@charset "utf-8";

.m4b-button-rtl .arco-btn-loading > .arco-icon-loading + span { margin-inline-end: 0px; margin-inline-start: unset; }

.m4b-button-icon { display: flex; align-items: center; }

.m4b-button-icon-prefix { display: flex; align-items: center; margin-inline: 0px 4px; }

.m4b-button-icon-suffix { display: flex; align-items: center; margin-inline: 4px 0px; }

.m4b-button-icon-suffix svg { font-size: 16px; }

.m4b-button-dark-outline.arco-btn-outline:not(.arco-btn-disabled) { color: var(--color-bg-white); border-color: var(--color-bg-white); background-color: transparent; }

.m4b-button-dark-outline.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover { color: var(--color-bg-white); border-color: var(--color-bg-white); background-color: rgba(255, 255, 255, 0.2); }

.m4b-button-dark-outline.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active { color: var(--color-bg-white); border-color: var(--color-bg-white); background-color: rgba(255, 255, 255, 0.4); }

.m4b-button-dark-outline.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):focus-visible { outline-color: var(--color-bg-white); }

.m4b-button-dark-outline.arco-btn-outline.arco-btn-disabled { color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3); }

.m4b-button-dark-primary.arco-btn-primary:not(.arco-btn-disabled) { color: rgb(var(--primary-6)); border-color: transparent; background-color: var(--color-bg-white); }

.m4b-button-dark-primary.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { color: rgb(var(--primary-6)); border-color: transparent; background-color: rgba(255, 255, 255, 0.8); }

.m4b-button-dark-primary.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { color: rgb(var(--primary-6)); border-color: transparent; background-color: rgba(255, 255, 255, 0.6); }

.m4b-button-dark-primary.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):focus-visible { outline-color: var(--color-bg-white); }

.m4b-button-dark-primary.arco-btn-primary.arco-btn-disabled { color: rgb(var(--primary-6)); border-color: transparent; background-color: rgba(255, 255, 255, 0.3); }

.m4b-button-link.arco-btn-size-default, .m4b-button-link.arco-btn-size-small, .m4b-button-link.arco-btn-size-large { padding: 0px; height: auto; line-height: 20px; font-size: 14px; font-weight: 500; }

.m4b-button-link.arco-btn-primary:not(.arco-btn-disabled) { color: rgb(var(--primary-6)); background-color: transparent; }

.m4b-button-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { color: rgb(var(--primary-5)); background-color: transparent; }

.m4b-button-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { color: rgb(var(--primary-2)); background-color: transparent; }

.m4b-button-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):focus-visible { border-radius: 3px; outline: 3px solid rgb(var(--primary-6)); outline-offset: 3px; }

.m4b-button-link.arco-btn-primary.arco-btn-disabled { color: rgb(var(--primary-3)); background-color: transparent; }

.m4b-button-grey-link.arco-btn-size-default, .m4b-button-grey-link.arco-btn-size-small, .m4b-button-grey-link.arco-btn-size-large { padding: 0px; height: auto; line-height: 20px; font-size: 14px; font-weight: 500; }

.m4b-button-grey-link.arco-btn-primary:not(.arco-btn-disabled) { color: var(--color-text-3); background-color: transparent; }

.m4b-button-grey-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { color: var(--color-text-2); background-color: transparent; }

.m4b-button-grey-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { color: var(--color-text-1); background-color: transparent; }

.m4b-button-grey-link.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):focus-visible { border-radius: 3px; outline: 3px solid var(--color-text-1); outline-offset: 3px; }

.m4b-button-grey-link.arco-btn-primary.arco-btn-disabled { color: var(--color-text-5); background-color: transparent; }

.m4b-button.m4b-button-size-abnormal { padding: 12px 16px; font-size: 20px; font-weight: 500; }

.m4b-button.m4b-button-size-abnormal.arco-btn-primary-text:not(.arco-btn-disabled) { padding: 2px; font-size: 16px; height: 28px; line-height: 24px; }

.m4b-button.m4b-button-size-abnormal.arco-btn-primary-text:not(.arco-btn-disabled) > svg { font-size: 20px; }