.button{align-items:center;background-color:var(--button-background-color,var(--color-brand-secondary));border:2px solid var(--color-brand-secondary);border-radius:2px;color:var(--color-white);cursor:pointer;display:flex;flex-direction:row;font-family:inherit;font-size:1em;font-weight:inherit;gap:var(--space-size-s);justify-content:center;margin:0;padding:var(--space-size-2xs-xs) var(--space-size-l-xl);text-align:center;transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function);width:100%}.button[disabled]{cursor:default;opacity:.4}.button:hover:not([disabled]){--button-background-color:#0000;color:var(--color-brand-secondary)}.button__icon img,.button__icon svg{display:block;height:auto;width:var(--space-size-m)}.button__text{min-height:var(--space-size-m);overflow:clip}.button__text>*{display:inline-block}.button--inline{display:inline-flex;width:auto}.button--type-on-bg:hover:not([disabled]){border-color:var(--color-white);color:var(--color-white)}.button--type-link{justify-content:space-between;padding:var(--space-size-2xs-xs) var(--space-size-xs-s);text-align:left}.button--type-link .button__icon img,.button--type-link .button__icon svg{width:var(--space-size-l)}.button--type-block{border-color:#0000}.button--type-block,.button--type-outline{--button-background-color:#0000;color:var(--color-brand-secondary)}.button--type-outline{border:2px solid}.button--type-outline:hover:not([disabled]){--button-background-color:var(--color-brand-secondary);border-color:#0000;color:var(--color-white)}