.action-button{--action-background:var(--color-accent);--action-background-hover:var(--color-accent-hover);justify-content:space-between;align-items:center;gap:var(--space-3);block-size:auto;max-inline-size:100%;min-block-size:var(--action-height-regular);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);background-color:var(--action-background);font-size:var(--action-font-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);white-space:normal;text-align:start;border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--action-radius);box-shadow:var(--action-shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard), translate var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex:none;text-decoration:none;display:inline-flex}.action-button--secondary{--action-background:var(--color-surface);--action-background-hover:var(--color-surface-paper)}.action-button--full-width{inline-size:100%}.action-button svg{inline-size:var(--action-icon-size);block-size:var(--action-icon-size);transition:translate var(--duration-fast) var(--ease-standard);flex:none}.action-button--icon{inline-size:var(--space-12);block-size:var(--space-12);padding:var(--space-3);justify-content:center}.action-button--icon svg{inline-size:var(--space-5);block-size:var(--space-5)}.action-button:focus-visible{outline:var(--border-width-thick) solid var(--color-text-primary);outline-offset:var(--space-1)}.action-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:auto}@media (hover:hover) and (pointer:fine){.action-button:not(:disabled):hover{color:var(--color-text-primary);background-color:var(--action-background-hover);box-shadow:var(--action-shadow-hover);translate:0 -2px}.action-button--icon-diagonal:not(:disabled):hover svg{translate:2px -2px}}.action-button:not(:disabled):active{box-shadow:var(--shadow-solid-sm);translate:0 2px}@media (prefers-reduced-motion:reduce){.action-button,.action-button svg{transition:none}.action-button:not(:disabled):hover,.action-button:not(:disabled):active,.action-button--icon-diagonal:not(:disabled):hover svg{translate:none}}