.PerdButton_component_edd8b9{--button-background:var(--color-accent-primary);--button-background-hover:var(--color-accent-hover);--button-background-active:var(--color-accent-active);--button-border-color:var(--color-accent-border);--button-border-color-hover:var(--color-accent-border-hover);--button-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-accent-contrast) 22%, transparent), 0 10px 24px -18px color-mix(in oklch, var(--color-accent-primary) 62%, transparent);--button-text-color:var(--color-accent-contrast);appearance:none;border:1px solid var(--button-border-color);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-8);min-block-size:var(--layout-button-height-medium);padding-inline:var(--spacing-24);border-radius:var(--layout-button-radius);background-color:var(--button-background);color:var(--button-text-color);box-shadow:var(--button-shadow);-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:var(--font-weight-semibold);font-size:var(--font-size-16);line-height:var(--line-height-snug);transition:background-color var(--transition-duration-normal) var(--transition-easing-standard),border-color var(--transition-duration-normal) var(--transition-easing-standard),box-shadow var(--transition-duration-normal) var(--transition-easing-standard),color var(--transition-duration-normal) var(--transition-easing-standard);text-decoration:none;display:inline-flex;position:relative}.PerdButton_component_edd8b9:hover:not(:disabled,[aria-disabled=true]){border-color:var(--button-border-color-hover);background-color:var(--button-background-hover)}.PerdButton_component_edd8b9:focus-visible{border-color:var(--button-border-color-hover);background-color:var(--button-background-hover);box-shadow:var(--shadow-focus),var(--button-shadow)}.PerdButton_component_edd8b9:active:not(:disabled,[aria-disabled=true]){border-color:var(--button-border-color-hover);background-color:var(--button-background-active)}.PerdButton_component_edd8b9.small{min-block-size:var(--layout-button-height-small);padding-inline:var(--spacing-16);border-radius:var(--layout-button-radius-small);font-size:var(--font-size-14)}.PerdButton_component_edd8b9.large{min-block-size:var(--layout-button-height-large);padding-inline:var(--spacing-32);font-size:var(--font-size-17)}.PerdButton_component_edd8b9.block{inline-size:100%}.PerdButton_component_edd8b9.secondary{--button-background:color-mix(in oklch, var(--color-background-elevated) 88%, var(--color-accent-subtle));--button-border-color:var(--color-border-strong);--button-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 44%, transparent);--button-text-color:var(--color-text-primary)}.PerdButton_component_edd8b9.secondary,.PerdButton_component_edd8b9.soft{--button-background-hover:var(--color-accent-subtle-hover);--button-background-active:var(--color-accent-subtle-active);--button-border-color-hover:color-mix(in oklch, var(--color-accent-primary) 34%, transparent)}.PerdButton_component_edd8b9.soft{--button-background:var(--color-accent-subtle);--button-border-color:var(--color-accent-subtle-border);--button-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background-elevated) 42%, transparent);--button-text-color:var(--color-accent-primary)}.PerdButton_component_edd8b9.ghost{--button-background:transparent;--button-background-hover:var(--color-surface-tertiary);--button-background-active:var(--color-accent-subtle);--button-border-color:transparent;--button-border-color-hover:var(--color-border-subtle);--button-shadow:none;--button-text-color:var(--color-text-primary)}.PerdButton_component_edd8b9.danger{--button-background:var(--color-danger-subtle);--button-background-hover:var(--color-danger-subtle-hover);--button-background-active:color-mix(in oklch, var(--color-danger-primary) 32%, transparent);--button-border-color:var(--color-danger-border);--button-border-color-hover:color-mix(in oklch, var(--color-danger-primary) 42%, transparent);--button-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background-elevated) 36%, transparent);--button-text-color:var(--color-danger-primary)}.PerdButton_component_edd8b9.danger:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-danger-primary) 42%,transparent),var(--button-shadow)}.PerdButton_component_edd8b9:disabled,.PerdButton_component_edd8b9[aria-disabled=true]{cursor:not-allowed;background-color:var(--color-surface-secondary);border-color:var(--color-border-subtle);color:var(--color-text-muted);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--color-background-elevated) 48%,transparent)}:is(.PerdButton_component_edd8b9:disabled,.PerdButton_component_edd8b9[aria-disabled=true]):active,:is(.PerdButton_component_edd8b9:disabled,.PerdButton_component_edd8b9[aria-disabled=true]):focus-visible,:is(.PerdButton_component_edd8b9:disabled,.PerdButton_component_edd8b9[aria-disabled=true]):hover{cursor:not-allowed;background-color:var(--color-surface-secondary);border-color:var(--color-border-subtle);color:var(--color-text-muted);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--color-background-elevated) 48%,transparent)}.PerdButton_leadingIcon_edd8b9,.PerdButton_trailingIcon_edd8b9{flex-shrink:0;place-items:center;block-size:1.1em;inline-size:1.1em;display:inline-grid}.PerdButton_icon_edd8b9{flex-shrink:0;font-size:1.1em}.PerdButton_label_edd8b9.isLoading{opacity:0}.PerdButton_loadingOverlay_edd8b9{margin:auto;font-size:1.1em;position:absolute;inset:0}