.btn{border-radius:var(--radius-size-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.btn-big-brand-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-brand-action);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-big-brand-fill:hover{background-color:var(--surface-brand-hover)}.btn-big-brand-stroke{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-brand-light);border:var(--border-size-1) solid var(--border-brand-light);color:var(--text-brand-light);--local-icon-color:var(--icon-brand-light)}.btn-big-brand-stroke:hover{background-color:var(--surface-brand-hover-light)}.btn-big-black-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--text-primary);color:var(--surface-primary);--local-icon-color:var(--icon-primary-inverted)}.btn-big-black-fill:hover{background-color:var(--text-secondary)}.btn-big-black-stroke{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);border:var(--border-size-1) solid var(--border-secondary);color:var(--text-primary);--local-icon-color:var(--icon-primary);background-color:#0000}.btn-big-black-stroke:hover{background-color:#0000000a}.btn-big-warning-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-warning-action);color:var(--text-brand-action);--local-icon-color:var(--icon-warning-action)}.btn-big-warning-fill:hover{background-color:var(--surface-warning-hover)}.btn-big-warning-stroke{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-warning-light);border:var(--border-size-1) solid var(--border-warning-light);color:var(--text-warning-light);--local-icon-color:var(--icon-warning-light)}.btn-big-warning-stroke:hover{background-color:var(--surface-warning-hover-light);color:var(--text-warning-hover-light)}.btn-big-error-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-error-action);color:var(--text-brand-action);--local-icon-color:var(--icon-error-action)}.btn-big-error-fill:hover{background-color:var(--surface-error-hover)}.btn-big-error-stroke{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-error-light);border:var(--border-size-1) solid var(--border-error-light);color:var(--text-error-light);--local-icon-color:var(--icon-error-light)}.btn-big-error-stroke:hover{background-color:var(--surface-error-hover-light);color:var(--text-error-hover-light)}.btn-big-purple-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-purple-action);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-big-purple-fill:hover{background-color:var(--surface-purple-hover)}.btn-big-pink-fill{height:var(--spacing-size-40);padding:var(--spacing-size-8) var(--spacing-size-16);gap:var(--spacing-size-12);background-color:var(--surface-pink-primary);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-big-pink-fill:hover{background-color:var(--surface-pink-hover)}.btn-small-brand-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-brand-action);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-small-brand-fill:hover{background-color:var(--surface-brand-hover)}.btn-small-brand-stroke{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-brand-light);border:var(--border-size-1) solid var(--border-brand-light);color:var(--text-brand-light);--local-icon-color:var(--icon-brand-light)}.btn-small-brand-stroke:hover{background-color:var(--surface-brand-hover-light)}.btn-small-black-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--text-primary);color:var(--surface-primary);--local-icon-color:var(--icon-primary-inverted)}.btn-small-black-fill:hover{background-color:var(--text-secondary)}.btn-small-black-stroke{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);border:var(--border-size-1) solid var(--border-secondary);color:var(--text-primary);--local-icon-color:var(--icon-primary);background-color:#0000}.btn-small-black-stroke:hover{background-color:#0000000a}.btn-small-warning-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-warning-action);color:var(--text-brand-action);--local-icon-color:var(--icon-warning-action)}.btn-small-warning-fill:hover{background-color:var(--surface-warning-hover)}.btn-small-warning-stroke{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-warning-light);border:var(--border-size-1) solid var(--border-warning-light);color:var(--text-warning-light);--local-icon-color:var(--icon-warning-light)}.btn-small-warning-stroke:hover{background-color:var(--surface-warning-hover-light);color:var(--text-warning-hover-light)}.btn-small-error-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-error-action);color:var(--text-brand-action);--local-icon-color:var(--icon-error-action)}.btn-small-error-fill:hover{background-color:var(--surface-error-hover)}.btn-small-error-stroke{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-error-light);border:var(--border-size-1) solid var(--border-error-light);color:var(--text-error-light);--local-icon-color:var(--icon-error-light)}.btn-small-error-stroke:hover{background-color:var(--surface-error-hover-light);color:var(--text-error-hover-light)}.btn-small-purple-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-purple-action);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-small-purple-fill:hover{background-color:var(--surface-purple-hover)}.btn-small-pink-fill{height:34px;padding:var(--spacing-size-8) var(--spacing-size-12);gap:var(--spacing-size-8);background-color:var(--surface-pink-primary);color:var(--text-brand-action);--local-icon-color:var(--icon-primary-inverted)}.btn-small-pink-fill:hover{background-color:var(--surface-pink-hover)}.btn-text{flex-direction:column;justify-content:center;display:inline-flex}.btn-icon-left,.btn-icon-right{color:var(--local-icon-color,currentColor);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[class*=btn-big-] .btn-icon-left,[class*=btn-big-] .btn-icon-right{width:24px;height:24px}[class*=btn-small-] .btn-icon-left,[class*=btn-small-] .btn-icon-right{width:18px;height:18px}.btn-icon-left svg,.btn-icon-right svg{width:100%;height:100%;display:block}.btn-text{white-space:nowrap;align-items:center;display:inline-flex}