.button-component{display:flex;justify-content:center;align-items:center;align-self:center;height:48px;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-align:center;letter-spacing:var(--font-letter-spacing-md);text-decoration:none;white-space:nowrap;transition:color .3s,background-color .3s,border-color .3s;border:0;background-color:var(--transparent)}.button-component-icon{margin-left:8px}.button-component:hover{text-decoration:none}.button-component:focus{outline:none}.button-component-highlight{background-color:var(--button-highlight);border-radius:var(--radius-3xl);color:var(--text-primary);padding:0 var(--spacing-sm)}.button-component-highlight:hover:not(:disabled){color:var(--text-primary);background-color:var(--button-highlight-hovered)}.button-component-highlight:active:not(:disabled){background-color:var(--button-highlight-pressed)}.button-component-highlight:disabled{background-color:var(--button-disabled);color:var(--text-white)}.button-component-primary{background-color:var(--button-primary);border-radius:var(--radius-3xl);color:var(--text-white);padding:0 var(--spacing-sm)}.button-component-primary:hover:not(:disabled){color:var(--text-white);background-color:var(--button-primary-hovered)}.button-component-primary:active:not(:disabled){background-color:var(--button-primary-pressed)}.button-component-primary:disabled{background-color:var(--button-disabled)}.button-component-secondary{border-radius:var(--radius-3xl);color:var(--text-highlight);padding:0 var(--spacing-sm);border:var(--stroke-md) solid var(--stroke-highlight);background-color:var(--transparent)}.button-component-secondary:hover:not(:disabled){background-color:var(--button-secondary-hovered);border:var(--stroke-md) solid var(--button-secondary-hovered);color:var(--text-white)}.button-component-secondary:active:not(:disabled){background-color:var(--button-secondary-pressed);border:var(--stroke-md) solid var(--button-secondary-pressed)}.button-component-secondary:disabled{background-color:var(--transparent);color:var(--button-disabled);border:var(--stroke-md) solid var(--button-disabled)}.button-component-inverted{border-radius:var(--radius-3xl);color:var(--text-white);padding:0 var(--spacing-sm);border:var(--stroke-md) solid var(--text-white);background-color:var(--button-inverted)}.button-component-inverted:hover:not(:disabled){background-color:var(--button-inverted-hovered);color:var(--text-primary)}.button-component-inverted:active:not(:disabled){background-color:var(--button-inverted-pressed);border:var(--stroke-md) solid var(--button-inverted-pressed);color:var(--text-primary)}.button-component-inverted:disabled{background-color:var(--button-inverted);color:var(--text-white);border:var(--stroke-md) solid var(--text-white)}.button-component-link{border-width:0;font-weight:var(--font-weight-medium);color:var(--button-link);line-height:140%}.button-component-link>span{text-decoration:underline}.button-component-link:hover{color:var(--button-link-hovered)}.button-component-link:active{color:var(--button-link-pressed)}.button-component-link-inverted{border-width:0;font-weight:var(--font-weight-medium);color:var(--text-white);text-decoration:none;line-height:140%}.button-component-link-inverted:hover{color:var(--text-white)}.button-component-link-inverted:hover>span{text-decoration:underline}.button-component-link-inverted:active{color:var(--text-white)}.button-component-text{border-width:0;background:none;font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;line-height:1.05;letter-spacing:.3px;padding:0!important;height:auto!important;min-width:auto!important}.button-component-text>span{text-decoration:none}.button-component-text:hover{color:var(--button-primary);background:none}.button-component-text:active{color:var(--text-primary);background:none}.button-component-size-sm{height:40px;font-size:var(--font-size-sm);padding:0 var(--spacing-xs)}.button-component-br-size-sm{border-radius:8px}