.saas-icon-button{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);block-size:32px;inline-size:32px;color:var(--saas-text-secondary);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);flex-shrink:0;place-items:center;padding:0;display:inline-grid}.saas-icon-button[data-tone=success]{color:var(--saas-brand-primary)}.saas-icon-button:hover:not(:disabled){border-color:var(--saas-border-strong);background:var(--saas-bg-sunken);color:var(--saas-text-primary)}.saas-icon-button[data-tone=success]:hover:not(:disabled){background:var(--saas-brand-subtle);color:var(--saas-brand-strong)}.saas-icon-button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-icon-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=599px){.saas-icon-button{block-size:44px;inline-size:44px}}