.base-btn{white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:color .3s cubic-bezier(.16,1,.3,1),transform .15s;display:inline-flex;position:relative;overflow:hidden}.base-btn__content{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.base-btn--primary .__of-circle,.base-btn--secondary .__of-circle{background:var(--of-fill)}.base-btn--outline .__of-circle,.base-btn--ghost .__of-circle{background:var(--of-fill-outline)}.base-btn--danger .__of-circle{background:var(--of-fill-danger)}.base-btn--outline.__of-active,.base-btn--ghost.__of-active{color:#fff}.base-btn--sm{min-height:36px;padding:8px 16px;font-size:.85rem}.base-btn--md{min-height:44px;padding:12px 24px;font-size:.95rem}.base-btn--lg{min-height:52px;padding:16px 32px;font-size:1.05rem}.base-btn--primary{background:var(--color-primary);color:#fff}.base-btn--secondary{background:var(--color-secondary);color:#fff}.base-btn--outline{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.base-btn--ghost{color:var(--color-text-secondary);background:0 0}.base-btn--danger{background:var(--color-danger);color:#fff}.base-btn--block{width:100%}.base-btn:disabled{opacity:.5;cursor:not-allowed}.base-btn--loading{cursor:wait;opacity:1!important}.base-btn__icon{align-items:center;font-size:1.1em;display:flex}@media (max-width:768px){.base-btn--md{min-height:48px;padding:14px 24px}.base-btn--lg{min-height:56px;padding:16px 32px}}