.btn{white-space:nowrap;-moz-column-gap:8px;justify-content:center;align-items:center;column-gap:8px;line-height:1.29;display:inline-flex}.btn.main-btn{background-color:var(--brand);color:var(--text-on-fill);border-radius:16px;padding:12px 24px}.btn.main-btn:hover{background-color:var(--brand-hover)}.btn.main-btn:disabled{background-color:var(--generic-fill);color:var(--text-hint)}.btn.brand-btn{background-color:var(--brand);color:var(--text-on-fill);border-radius:12px;padding:9px 16px;font-size:14px}.btn.brand-btn:hover{background-color:var(--brand-hover)}.btn.light-btn{background-color:var(--generic-fill);color:var(--text-primary);border-radius:12px;padding:9px 16px;font-size:14px}.btn.light-btn:hover{background-color:var(--generic-fill-accent)}.btn.header-btn{background-color:var(--brand);color:var(--text-on-fill);border-radius:12px;padding:9px 16px;font-size:14px}.btn.header-btn:hover{background-color:var(--brand-hover)}.btn svg{flex-shrink:0}button{border:none;transition:all .3s ease-in-out}button:not(:disabled){cursor:pointer}.btn--loading{pointer-events:none;position:relative;overflow:hidden}.btn--loading.main-btn:not(:disabled),.btn--loading.main-btn:disabled{background-color:var(--brand);color:var(--text-on-fill);opacity:1}.btn--loading.light-btn:not(:disabled),.btn--loading.light-btn:disabled{background-color:var(--generic-fill);color:var(--text-primary);opacity:1}.btn--loading:after{content:"";background-image:linear-gradient(90deg, transparent 0%, var(--on-fill-45) 50%, transparent 100%);will-change:transform;animation:1.1s linear infinite btn-loading-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes btn-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.btn--loading:after{animation-duration:2.2s}}