.s4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:background-color var(--duration-micro) var(--easing-standard),color var(--duration-micro) var(--easing-standard),border-color var(--duration-micro) var(--easing-standard),box-shadow var(--duration-micro) var(--easing-standard),transform var(--duration-micro) var(--easing-standard)}.s4-btn:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.s4-btn:disabled{opacity:.5;cursor:not-allowed}.s4-btn--full{width:100%}.s4-btn--sm{height:32px;padding:0 14px;font-size:13px}.s4-btn--md{height:44px;padding:0 18px;font-size:14px}.s4-btn--lg{height:52px;padding:0 22px;font-size:15px}.s4-btn--xl{height:60px;padding:0 28px;font-size:16px}.s4-btn--primary{background-color:var(--color-brand-500);color:var(--color-neutral-0);border-color:var(--color-brand-500)}.s4-btn--primary:not(:disabled):hover{background-color:#e84800;border-color:#e84800;box-shadow:var(--shadow-brand)}.s4-btn--primary:not(:disabled):active{transform:translateY(1px);box-shadow:none}.s4-btn--secondary{background-color:var(--color-neutral-0);color:var(--color-neutral-800);border-color:var(--color-neutral-800)}.s4-btn--secondary:not(:disabled):hover{background-color:var(--color-neutral-50)}.s4-btn--secondary:not(:disabled):active{background-color:var(--color-neutral-50);transform:translateY(1px)}.s4-btn--ghost{background-color:transparent;color:var(--color-brand-500);border-color:transparent}.s4-btn--ghost:not(:disabled):active,.s4-btn--ghost:not(:disabled):hover{background-color:var(--color-brand-100)}.s4-btn--ghost:not(:disabled):active{transform:translateY(1px)}.s4-btn--danger{background-color:var(--color-danger);color:var(--color-neutral-0);border-color:var(--color-danger)}.s4-btn--danger:not(:disabled):hover{background-color:#a73122;border-color:#a73122}.s4-btn--danger:not(:disabled):active{transform:translateY(1px)}.s4-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.s4-btn__label{display:inline-block}.s4-btn--loading .s4-btn__label{opacity:.7}.s4-btn__spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:s4-btn-spin .6s linear infinite;flex-shrink:0}@keyframes s4-btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.s4-btn{transition:none}.s4-btn__spinner{animation:none}}