.button.button{box-sizing:border-box;border-radius:var(--sparkly-radius-control,8px);min-width:44px;max-width:100%;height:auto;min-height:44px;box-shadow:none;font:inherit;text-align:center;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.button.button--primary{background:var(--sp-action,var(--primary,#b8322b));border-color:var(--sp-action,var(--primary,#b8322b));color:var(--sp-on-action,var(--on-primary,#fff))}.button.button--secondary{background:var(--sp-surface,var(--surface,#fff));border-color:var(--sp-border-strong,var(--border-strong,#8c7590));color:var(--sp-ink,var(--ink,#38233e))}.button.button--ghost,.button.button--quiet{color:var(--sp-ink,var(--ink,#38233e));background:0 0;border-color:#0000}.button.button--danger,.button.button--destructive{background:var(--sp-danger-bg,var(--danger-bg,#fce4e6));border-color:var(--sp-danger,var(--danger,#a11d2e));color:var(--sp-danger,var(--danger,#a11d2e))}.button.button svg{stroke-width:1.8px;flex:0 0 16px;width:16px;height:16px;display:block}.button__content,.button__icon{justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.button__icon{flex-shrink:0}.button__content>span:not(.button__icon){overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.button.button--compact{min-height:44px;padding:7px 12px}.button.button:hover{filter:none}@media (hover:hover){.button.button--primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--sp-action-hover,#9a2722);border-color:var(--sp-action-hover,#9a2722)}.button.button--secondary:not(:disabled):not([aria-disabled=true]):hover,.button.button--ghost:not(:disabled):not([aria-disabled=true]):hover,.button.button--quiet:not(:disabled):not([aria-disabled=true]):hover{background:var(--sp-sunken,var(--surface-2,#fff8f0))}.button.button--danger:not(:disabled):not([aria-disabled=true]):hover,.button.button--destructive:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.96)}}.button.button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.94)}.button-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.button-group--end{justify-content:flex-end}.button-group>*{min-width:0;max-width:100%}.button.button:focus-visible{outline:2px solid var(--sp-focus,var(--focus,#38233e));outline-offset:3px}.button.button:disabled,.button.button[aria-disabled=true]{opacity:.52;cursor:not-allowed;filter:none}.button.button--loading{opacity:1;cursor:wait}.button--loading .button__content{opacity:0}.button.button .button__spinner{margin:auto;animation:.9s linear infinite sparkly-button-progress;position:absolute;inset:0}.button__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes sparkly-button-progress{to{transform:rotate(360deg)}}@media (width<=540px){.button-group--expand-mobile>*{flex:100%;width:100%}}@media (width<=720px),(pointer:coarse){.button.button{min-height:44px;padding-block:10px}}@media (prefers-reduced-motion:reduce){.button.button{transition:none}.button.button .button__spinner{animation:none}}@media (forced-colors:active){.button.button{border-color:buttontext}}