.hds-button{--hds-component-button-border-width:1px;--hds-component-button-height-large:58px;--hds-component-button-height-small:44px;--hds-component-button-icon-size-large:24px;--hds-component-button-icon-size-small:20px;-webkit-font-smoothing:antialiased;-ms-appearance:button;appearance:button;box-sizing:border-box;gap:var(--hds-spacing-12);border-radius:var(--hds-border-radius-8);border-style:solid;border-width:var(--hds-component-button-border-width);transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;word-break:normal;font:var(--hds-typography-body-small-title);text-align:center;outline-offset:2px;justify-content:center;align-items:center;text-decoration:none;transition-property:color,background-color,border-color,fill,outline;display:inline-flex}.hds-button.hds-button--small{font-size:var(--hds-font-size-technical-title-max);line-height:var(--hds-line-height-technical-title-max);padding:var(--hds-spacing-8)var(--hds-spacing-16);min-height:var(--hds-component-button-height-small)}.hds-button.hds-button--small *{width:var(--hds-component-button-icon-size-small);height:var(--hds-component-button-icon-size-small)}.hds-button.hds-button--small.hds-button--leading-icon{padding-left:var(--hds-spacing-12)}.hds-button.hds-button--small.hds-button--trailing-icon{padding-right:var(--hds-spacing-12)}.hds-button.hds-button--small.hds-button--only-icon{padding-left:var(--hds-spacing-8);padding-right:var(--hds-spacing-8)}.hds-button.hds-button--small.hds-button--only-icon *{width:var(--hds-spacing-24)}.hds-button.hds-button--large{min-height:var(--hds-component-button-height-large);font-size:var(--hds-font-size-body);line-height:var(--hds-line-height-body);padding:var(--hds-spacing-12)var(--hds-spacing-20)}.hds-button.hds-button--large *{height:var(--hds-component-button-icon-size-large);width:var(--hds-component-button-icon-size-large)}.hds-button.hds-button--large.hds-button--leading-icon{padding-left:var(--hds-spacing-16)}.hds-button.hds-button--large.hds-button--trailing-icon{padding-right:var(--hds-spacing-16)}.hds-button.hds-button--large.hds-button--only-icon{padding-left:var(--hds-spacing-12);padding-right:var(--hds-spacing-12)}.hds-button.hds-button--large.hds-button--only-icon *{width:var(--hds-spacing-32)}.hds-button.hds-button--full{width:100%}@media not (min-width:720px){.hds-button.hds-button--mobile-full{width:100%}}.hds-button:disabled{opacity:var(--hds-opacity-50);cursor:default}.hds-button.hds-button--primary{color:var(--hds-colors-base-contrast-default);fill:var(--hds-colors-base-contrast-default);background-color:var(--hds-colors-base-default);border-color:var(--hds-colors-base-default)}.hds-button.hds-button--primary:hover{background-color:var(--hds-colors-base-hover);border-color:var(--hds-colors-base-hover)}.hds-button.hds-button--primary:active{background-color:var(--hds-colors-base-active);border-color:var(--hds-colors-base-active)}.hds-button.hds-button--primary:disabled:hover{color:var(--hds-colors-base-contrast-default);fill:var(--hds-colors-base-contrast-default);background-color:var(--hds-colors-base-default);border-color:var(--hds-colors-base-default)}.hds-button.hds-button--secondary{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);border-color:var(--hds-colors-border-default);background-color:transparent}.hds-button.hds-button--secondary:hover{color:var(--hds-colors-text-subtle);fill:var(--hds-colors-text-subtle);background-color:var(--hds-colors-surface-hover);border-color:var(--hds-colors-border-strong)}.hds-button.hds-button--secondary:active{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);background-color:var(--hds-colors-surface-active);border-color:var(--hds-colors-border-default)}.hds-button.hds-button--secondary:disabled:hover{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);border-color:var(--hds-colors-border-default);background-color:transparent}.hds-button.hds-button--tertiary{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);background-color:transparent;border-color:transparent}.hds-button.hds-button--tertiary:hover{color:var(--hds-colors-text-subtle);fill:var(--hds-colors-text-subtle);background-color:var(--hds-colors-surface-hover);border-color:var(--hds-colors-surface-hover)}.hds-button.hds-button--tertiary:active{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);background-color:var(--hds-colors-surface-active);border-color:var(--hds-colors-surface-active)}.hds-button.hds-button--tertiary:disabled:hover{color:var(--hds-colors-neutral-text-default);fill:var(--hds-colors-neutral-text-default);background-color:transparent;border-color:transparent}.hds-button.hds-button--inverted{border-color:var(--hds-colors-signature);color:var(--hds-ui-colors-white);background-color:transparent}.hds-button.hds-button--inverted:hover{color:var(--hds-colors-light);border-color:var(--hds-colors-light)}.hds-button.hds-button--inverted:active{color:var(--hds-button-colors-text);border-color:var(--hds-colors-signature)}.hds-button.hds-button--inverted:disabled{opacity:var(--hds-opacity-50);color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey)}.hds-button.hds-button--inverted:disabled:hover{color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey)}