.button{font-family:var(--font-medium);border-radius:8px;border:none;cursor:pointer;background-color:transparent;color:inherit;position:relative;white-space:nowrap;transition:all .2s}.button-text{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.button--xxl{min-height:52px;padding:13px 24px}.button--xl,.button--xxl{font-size:16px;line-height:26px}.button--xl{min-height:48px;padding:11px 24px}.button--lg{min-height:40px;padding:9px 20px}.button--lg,.button--md{font-size:14px;line-height:22px}.button--md{min-height:36px;padding:7px 20px}.button--sm{min-height:32px;padding:5px 17px;font-size:14px;line-height:22px}.button--sm .icon{width:20px;height:20px}.button--xs{min-height:24px;border-radius:4px;padding:3px 12px;font-size:12px;line-height:18px}.button--xs .icon{width:18px;height:18px}.button--icon{padding-left:10px;padding-right:10px;height:auto;min-height:auto}.button--icon,.button--icon-left,.button--icon-right{display:flex;justify-content:center;align-items:center;gap:10px}.button--primary{background-color:var(--color-accent);color:var(--color-white)}.button--primary:focus:not(.button--disabled),.button--primary:hover:not(.button--disabled){background-color:color-mix(in lch,var(--color-accent),var(--color-onPrimary) 5%)}.button--primary:active{background-color:color-mix(in lch,var(--color-accent),var(--color-onPrimary) 8%)}.button--secondary{color:var(--color-accent);background-color:transparent}.button--secondary:focus:not(.button--disabled),.button--secondary:hover:not(.button--disabled){background-color:color-mix(in lch,transparent,var(--color-accent) 5%)}.button--secondary:active{background-color:color-mix(in lch,transparent,var(--color-accent) 8%)}.button--deleted{color:var(--color-red100ToRed60);background-color:transparent}.button--deleted:hover:not(.button--disabled){background-color:var(--color-red10ToRed140)}.button--deleted:focus:not(.button--disabled){background-color:color-mix(in lch,var(--color-red100ToRed60) 10%,transparent)}.button--disabled{cursor:not-allowed;color:var(--color-grey60ToGrey100)}.button--disabled:not(.button--icon){background-color:var(--color-grey05ToGrey140)}.button--stretch{width:100%}.button--padding0{padding:0}.button--padding-lr0{padding-left:0;padding-right:0}.button--padding-tb0{padding-top:0;padding-bottom:0}