.app-btn{align-items:center;border-radius:var(--border-radius);display:flex;gap:8px;justify-content:center;position:relative;text-align:center;transition:color .3s,background-color .3s}.app-btn.size-sm{font-size:var(--text-sm);height:var(--button-size-sm)}.app-btn.size-sm.density-normal{padding-left:var(--button-density-padding-sm-normal);padding-right:var(--button-density-padding-sm-normal)}.app-btn.size-sm.density-wide{padding-left:var(--button-density-padding-sm-wide);padding-right:var(--button-density-padding-sm-wide)}.app-btn.size-sm.text-smaller{font-size:var(--text-xs)}.app-btn.size-md{font-size:var(--text-sm);height:var(--button-size-md)}.app-btn.size-md.density-normal{padding-left:var(--button-density-padding-md-normal);padding-right:var(--button-density-padding-md-normal)}.app-btn.size-md.density-wide{padding-left:var(--button-density-padding-md-wide);padding-right:var(--button-density-padding-md-wide)}.app-btn.size-md.text-smaller{font-size:var(--text-xs)}.app-btn.size-lg{font-size:var(--text-base);height:var(--button-size-lg)}.app-btn.size-lg.density-normal{padding-left:var(--button-density-padding-lg-normal);padding-right:var(--button-density-padding-lg-normal)}.app-btn.size-lg.density-wide{padding-left:var(--button-density-padding-lg-wide);padding-right:var(--button-density-padding-lg-wide)}.app-btn.size-lg.text-smaller{font-size:var(--text-sm)}.app-btn.rounded{border-radius:var(--button-rounded)}.app-btn.with-icon.size-sm{width:var(--button-size-sm)}.app-btn.with-icon.size-md{width:var(--button-size-md)}.app-btn.with-icon.size-lg{width:var(--button-size-lg)}.app-btn.with-icon.rounded{border-radius:50%}.app-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.app-btn .btn-content{align-items:center;display:inline-flex;font-weight:700;gap:8px;line-height:1}.app-btn .loader-wrapper{align-items:center;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.app-btn.loading{pointer-events:none}.app-btn.loading .btn-content{opacity:0}.app-btn.loading .loader-wrapper{display:flex}