.ui-kit-btn{background-color:var(--btn-bg-color);color:var(--btn-text-color);font-size:var(--btn-font-size);line-height:var(--btn-font-size--line-height);outline:var(--btn-outline-width,0) solid var(--btn-outline-color);border-radius:var(--btn-border-radius);padding:var(--btn-padding);height:var(--btn-height,max-content);gap:var(--btn-gap);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;width:max-content;display:flex;position:relative}.ui-kit-btn--solid{--btn-bg-color:var(--theme-primary);--btn-text-color:var(--theme-on-primary);--btn-outline-color:var(--theme-primary)}.ui-kit-btn--outline{--btn-bg-color:transparent;--btn-text-color:var(--theme-primary);--btn-outline-width:2px;--btn-outline-color:var(--theme-primary)}.ui-kit-btn--solid.ui-kit-btn--inverted{--btn-bg-color:var(--theme-neutral);--btn-text-color:var(--theme-primary);--btn-outline-color:var(--theme-primary)}.ui-kit-btn--outline.ui-kit-btn--inverted{--btn-bg-color:transparent;--btn-text-color:var(--theme-neutral);--btn-outline-width:2px;--btn-outline-color:var(--theme-neutral)}.ui-kit-btn--outline.ui-kit-btn--inverted:hover{--btn-bg-color:var(--theme-neutral);--btn-text-color:var(--theme-primary)}.ui-kit-btn .btn-icon{max-width:100%;height:100%;max-height:100%;height:var(--icon-size);width:var(--icon-size)}.ui-kit-btn.ui-kit-btn--icon-only{--btn-padding:8px;--btn-border-radius:var(--radius-4);aspect-ratio:1;width:auto}.ui-kit-btn.ui-kit-btn--xl{--btn-font-size:var(--text-xl);--btn-font-size--line-height:var(--text-xl--line-height);--btn-border-radius:var(--radius-5_5);--btn-gap:16px;--btn-padding:14px 24px;--btn-height:50px}.ui-kit-btn.ui-kit-btn--lg{--btn-font-size:var(--text-lg);--btn-font-size--line-height:var(--text-xl--line-height);--btn-border-radius:var(--radius-5);--btn-gap:16px;--btn-padding:14px 20px;--btn-height:46px}.ui-kit-btn.ui-kit-btn--lg.ui-kit-btn--icon-only{--btn-padding:10px}.ui-kit-btn.ui-kit-btn--base{--btn-font-size:var(--text-base);--btn-font-size--line-height:var(--text-base--line-height);--btn-border-radius:var(--radius-4);--btn-gap:8px;--btn-padding:6px 10px;--btn-height:40px}.ui-kit-btn.ui-kit-btn--base.ui-kit-btn--icon-only{--btn-padding:8px;--btn-border-radius:var(--radius-4_5)}.ui-kit-btn.ui-kit-btn--sm{--btn-font-size:var(--text-base);--btn-font-size--line-height:var(--text-base--line-height);--btn-border-radius:var(--radius-4);--btn-gap:6px;--btn-padding:4px 6px;--icon-size:22px}.ui-kit-btn.ui-kit-btn--sm.ui-kit-btn--icon-only{--btn-padding:6px}.ui-kit-btn.ui-kit-btn--xs{--btn-font-size:var(--text-base);--btn-font-size--line-height:var(--text-base--line-height);--btn-border-radius:var(--radius-3_75);--btn-gap:3px;--btn-padding:4px 12px;--icon-size:16px}.ui-kit-btn.ui-kit-btn--xs.ui-kit-btn--icon-only{--btn-padding:8px}.ui-kit-btn:hover{--btn-outline-width:2px}.ui-kit-btn:hover .btn-icon.btn-icon--left{transform:scale(1.3)rotate(-5deg)}.ui-kit-btn:hover .btn-icon.btn-icon--right{transform:scale(1.3)rotate(5deg)}