.cmp-button-custom{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);text-align:center;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;line-height:1.5;vertical-align:middle}
.cmp-button-custom-wrapper{display:inline-block}
.cmp-button-custom__link{text-decoration:none;display:inline-block}
.cmp-button-custom__text{display:inline-block}
.cmp-button-custom__icon{display:inline-flex;align-items:center;justify-content:center}
.cmp-button-custom__icon-image{width:100%;height:100%;object-fit:contain;display:block}
.cmp-button-custom--icon{gap:0}
.cmp-button-custom--extra-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);line-height:16px;font-weight:var(--font-weight-light)}
.cmp-button-custom--extra-small .cmp-button-custom__icon{width:12px;height:12px}
.cmp-button-custom--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);line-height:24px;font-weight:var(--font-weight-regular)}
.cmp-button-custom--small .cmp-button-custom__icon{width:16px;height:16px}
.cmp-button-custom--medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);line-height:24px;font-weight:var(--font-weight-regular)}
.cmp-button-custom--medium .cmp-button-custom__icon{width:20px;height:20px}
.cmp-button-custom--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-xl);line-height:24px;font-weight:var(--font-weight-regular)}
.cmp-button-custom--large .cmp-button-custom__icon{width:24px;height:24px}
.cmp-button-custom--primary{background-color:var(--secondary-2);color:var(--primitive-white);border:unset}
.cmp-button-custom--primary:hover,.cmp-button-custom--primary.cmp-button-custom--hover{background-color:var(--primary-2)}
.cmp-button-custom--primary:disabled,.cmp-button-custom--primary.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--secondary{background-color:var(--primary-4);color:#111;border:unset}
.cmp-button-custom--secondary:hover,.cmp-button-custom--secondary.cmp-button-custom--hover{background-color:var(--primary-1)}
.cmp-button-custom--secondary:disabled,.cmp-button-custom--secondary.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--neutral-light{background-color:var(--primitive-white);color:var(--secondary-2);border:unset}
.cmp-button-custom--neutral-light:hover,.cmp-button-custom--neutral-light.cmp-button-custom--hover{background-color:#e9ecf6}
.cmp-button-custom--neutral-light:disabled,.cmp-button-custom--neutral-light.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--neutral-dark{background-color:#111;color:var(--primitive-white);border:unset}
.cmp-button-custom--neutral-dark:hover,.cmp-button-custom--neutral-dark.cmp-button-custom--hover{background-color:#111;color:var(--primary-1)}
.cmp-button-custom--neutral-dark:disabled,.cmp-button-custom--neutral-dark.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--ghost-light{background-color:transparent;color:#fff;border:unset}
.cmp-button-custom--ghost-light:hover,.cmp-button-custom--ghost-light.cmp-button-custom--hover{background-color:transparent;border:unset;color:#e9ecf6}
.cmp-button-custom--ghost-light:disabled,.cmp-button-custom--ghost-light.cmp-button-custom--disable{background-color:transparent;border-color:unset;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--ghost-dark{background-color:transparent;color:var(--secondary-2);border:unset}
.cmp-button-custom--ghost-dark:hover,.cmp-button-custom--ghost-dark.cmp-button-custom--hover{background-color:transparent;border-color:unset;color:var(--primary-2)}
.cmp-button-custom--ghost-dark:disabled,.cmp-button-custom--ghost-dark.cmp-button-custom--disable{background-color:transparent;border-color:unset;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--ghost{background-color:transparent;color:#424242;border:unset}
.cmp-button-custom--ghost:hover,.cmp-button-custom--ghost.cmp-button-custom--hover{background-color:rgba(66,66,66,0.05);color:#212121}
.cmp-button-custom--ghost:disabled,.cmp-button-custom--ghost.cmp-button-custom--disable{background-color:transparent;color:#9e9e9e;cursor:not-allowed;opacity:.6}
.cmp-button-custom--danger-primary{background-color:#e74235;color:#fff;border:unset}
.cmp-button-custom--danger-primary:hover,.cmp-button-custom--danger-primary.cmp-button-custom--hover{background-color:#821a11}
.cmp-button-custom--danger-primary:disabled,.cmp-button-custom--danger-primary.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--danger-secondary{background-color:var(--primitive-white);color:#e74235;border:unset}
.cmp-button-custom--danger-secondary:hover,.cmp-button-custom--danger-secondary.cmp-button-custom--hover{background-color:#ffcbcb}
.cmp-button-custom--danger-secondary:disabled,.cmp-button-custom--danger-secondary.cmp-button-custom--disable{background-color:#505050;color:#838383;cursor:not-allowed;opacity:.6}
.cmp-button-custom--danger-ghost{background-color:transparent;color:#e74235;border:unset}
.cmp-button-custom--danger-ghost:hover,.cmp-button-custom--danger-ghost.cmp-button-custom--hover{background-color:transparent;color:#821a11}
.cmp-button-custom--danger-ghost:disabled,.cmp-button-custom--danger-ghost.cmp-button-custom--disable{background-color:transparent;color:#9e9e9e;cursor:not-allowed;opacity:.6}
.cmp-button-custom--icon{padding:8px;min-width:auto;aspect-ratio:1}
.cmp-button-custom--icon.cmp-button-custom--extra-small{padding:var(--spacing-xxs);width:24px;height:24px}
.cmp-button-custom--icon.cmp-button-custom--extra-small .cmp-button-custom__icon--center{width:16px;height:16px}
.cmp-button-custom--icon.cmp-button-custom--small{padding:var(--spacing-xs);width:36px;height:36px}
.cmp-button-custom--icon.cmp-button-custom--small .cmp-button-custom__icon--center{width:20px;height:20px}
.cmp-button-custom--icon.cmp-button-custom--medium{padding:var(--spacing-sm);width:48px;height:48px}
.cmp-button-custom--icon.cmp-button-custom--medium .cmp-button-custom__icon--center{width:24px;height:24px}
.cmp-button-custom--icon.cmp-button-custom--large{padding:var(--spacing-md);width:56px;height:56px}
.cmp-button-custom--icon.cmp-button-custom--large .cmp-button-custom__icon--center{width:24px;height:24px}
.cmp-button-custom--icon .cmp-button-custom__icon--center{display:inline-flex;align-items:center;justify-content:center}
.cmp-button-custom:focus{outline:2px solid #4a5fe8;outline-offset:2px}
.cmp-button-custom:focus:not(:focus-visible){outline:0}
.cmp-button-custom--primary .cmp-button-custom__icon-image{filter:brightness(0) invert(1)}
.cmp-button-custom--secondary .cmp-button-custom__icon-image{filter:brightness(0)}
.cmp-button-custom--neutral-light .cmp-button-custom__icon-image{filter:invert(33%) sepia(38%) saturate(1089%) hue-rotate(200deg) brightness(91%) contrast(88%)}
.cmp-button-custom--neutral-dark .cmp-button-custom__icon-image{filter:brightness(0) invert(1)}
.cmp-button-custom--neutral-dark:hover .cmp-button-custom__icon-image,.cmp-button-custom--neutral-dark.cmp-button-custom--hover .cmp-button-custom__icon-image{filter:invert(70%) sepia(29%) saturate(925%) hue-rotate(219deg) brightness(95%) contrast(89%)}
.cmp-button-custom--ghost-light .cmp-button-custom__icon-image{filter:brightness(0) invert(1)}
.cmp-button-custom--ghost-light:hover .cmp-button-custom__icon-image,.cmp-button-custom--ghost-light.cmp-button-custom--hover .cmp-button-custom__icon-image{filter:invert(94%) sepia(6%) saturate(530%) hue-rotate(199deg) brightness(99%) contrast(95%)}
.cmp-button-custom--ghost-dark .cmp-button-custom__icon-image{filter:invert(33%) sepia(38%) saturate(1089%) hue-rotate(200deg) brightness(91%) contrast(88%)}
.cmp-button-custom--ghost-dark:hover .cmp-button-custom__icon-image,.cmp-button-custom--ghost-dark.cmp-button-custom--hover .cmp-button-custom__icon-image{filter:invert(18%) sepia(16%) saturate(1613%) hue-rotate(182deg) brightness(94%) contrast(89%)}
.cmp-button-custom--ghost .cmp-button-custom__icon-image{filter:invert(25%) sepia(0) saturate(0) hue-rotate(0) brightness(98%) contrast(90%)}
.cmp-button-custom--ghost:hover .cmp-button-custom__icon-image,.cmp-button-custom--ghost.cmp-button-custom--hover .cmp-button-custom__icon-image{filter:invert(10%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(87%)}
.cmp-button-custom--danger-primary .cmp-button-custom__icon-image{filter:brightness(0) invert(1)}
.cmp-button-custom--danger-secondary .cmp-button-custom__icon-image{filter:invert(32%) sepia(77%) saturate(2351%) hue-rotate(346deg) brightness(98%) contrast(88%)}
.cmp-button-custom--danger-ghost .cmp-button-custom__icon-image{filter:invert(32%) sepia(77%) saturate(2351%) hue-rotate(346deg) brightness(98%) contrast(88%)}
.cmp-button-custom--danger-ghost:hover .cmp-button-custom__icon-image,.cmp-button-custom--danger-ghost.cmp-button-custom--hover .cmp-button-custom__icon-image{filter:invert(13%) sepia(64%) saturate(3203%) hue-rotate(355deg) brightness(91%) contrast(95%)}
.cmp-button-custom:disabled .cmp-button-custom__icon-image,.cmp-button-custom.cmp-button-custom--disable .cmp-button-custom__icon-image{filter:invert(53%) sepia(0) saturate(0) hue-rotate(0) brightness(97%) contrast(88%)}
.cmp-button-custom--ghost:disabled .cmp-button-custom__icon-image,.cmp-button-custom--ghost.cmp-button-custom--disable .cmp-button-custom__icon-image{filter:invert(65%) sepia(0) saturate(0) hue-rotate(0) brightness(96%) contrast(90%)}
@media(max-width:768px){.cmp-button-custom--large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:48px}
.cmp-button-custom--medium{padding:10px 20px;font-size:var(--font-size-sm);min-height:40px}
}