.button{cursor:pointer;appearance:none;width:auto;max-width:100%;font-family:var(--button-font-family);font-size:var(--button-font-size);font-style:normal;font-weight:var(--button-font-weight);text-align:center;vertical-align:middle;padding-inline:var(--spacing-sm) var(--spacing-sm);-moz-column-gap:var(--button-gap);justify-content:center;align-items:center;column-gap:var(--button-gap);line-height:var(--button-height);height:var(--button-height);color:var(--button-color);background:var(--button-background);border-radius:var(--button-radius);border:var(--button-border);box-shadow:var(--button-shadow);transition:var(--button-transition);flex-wrap:wrap;padding-block:0;text-decoration:none;display:inline-flex;position:relative}.button:focus{box-shadow:var(--button-shadow-focus);text-decoration:none}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline:var(--color-border-focus) solid 2px;outline-offset:1px}.button:hover{color:var(--button-color-hover);background:var(--button-background-hover);box-shadow:var(--button-shadow-hover)}.button--active,.button:active{color:var(--button-color-active);background:var(--button-background-active);text-decoration:none}.button--primary{color:var(--button-primary-color);background:var(--button-primary-background)}.button--primary:hover{color:var(--button-color-hover);background:var(--button-background-hover);box-shadow:var(--button-shadow-hover)}.button--primary.button--active,.button--primary:active{color:var(--button-color-active);background:var(--button-background-active)}.button--link{color:var(--button-link-color);background:var(--button-link-background)}.button--link:hover{color:var(--button-link-color-hover);background:var(--button-link-background-hover);text-decoration:underline}.button--link.button--active,.button--link:active{color:var(--button-link-color-active);background:var(--button-link-background-active)}.button--warning{color:var(--button-warning-color);background:var(--button-warning-background)}.button--warning:hover{background:var(--button-warning-background-hover)}.button--warning.button--active,.button--warning:active{color:var(--button-color-active);background:var(--button-background-active)}.button--danger{color:var(--button-danger-color);background:var(--button-danger-background)}.button--danger:hover{background:var(--button-danger-background-hover)}.button--danger.button--active,.button--danger:active{color:var(--button-color-active);background:var(--button-background-active)}.button--compact{line-height:var(--button-compact-line-height);height:var(--button-compact-height);font-size:var(--button-compact-font-size);padding-block:0}.button--small{line-height:var(--button-small-line-height);height:var(--button-small-height);font-size:var(--button-small-font-size);padding-block:0}.button--block{width:100%}.button--disabled,.button:disabled{cursor:not-allowed;background:var(--button-disabled-background);color:var(--button-disabled-color)}.button--disabled:hover,.button:disabled:hover{background:var(--button-disabled-background);color:var(--button-disabled-color);-webkit-text-decoration:unset;text-decoration:unset}.button-text{appearance:none;transition:var(--transition-normal);text-overflow:ellipsis;white-space:nowrap;text-align:center;padding-inline:var(--spacing-sm);border:none;flex-grow:1;flex-shrink:1;justify-content:center;display:inline-flex;overflow:hidden}