.at-symbol:after{content:"@"}.button{opacity:1;display:flex;--font-size:1rem;--line-height:1.2;line-height:var(--line-height);font-size:var(--font-size);--button-background:var(--cs__cta-default__bg);--button-color:var(--cs__cta-default__fg);--button-hover-background:var(--cs__cta-default--hover__bg);--button-pressed-background:var(--cs__cta-default--pressed__bg)}.button__link{display:flex;cursor:pointer;align-items:center;border-radius:4px;padding:1rem;min-height:40px;font-weight:700;justify-content:center;transition:all .1s;text-align:center;background:var(--button-background);color:var(--button-color)}.button__link>*{margin-top:calc(-1*var(--font-size)*(var(--line-height) - .8)/2);margin-bottom:calc(-1*var(--font-size)*(var(--line-height) - .8)/2)}.button__link .icon{color:var(--button-color);margin-left:1rem;align-self:center}.button__link .icon--loading{display:none}.button.loading .button__link{cursor:default}.button.loading .button__link .icon--loading{display:block}.button .icon,.button .icon svg{width:1em;height:1em}.button--style-text{--button-background:none;--button-hover-background:none;--button-pressed-background:none;--button-color:var(--cs__primary__fg--default)}.button--style-text .button__link{padding:0}.button--style-secondary{--button-background:var(--cs__cta-secondary__bg);--button-color:var(--cs__cta-secondary__fg);--button-hover-background:var(--cs__cta-secondary--hover__bg);--button-pressed-background:var(--cs__cta-secondary--pressed__bg)}.button--style-action,.button--style-submit{--button-background:var(--cs__cta-action__bg);--button-color:var(--cs__cta-action__fg);--button-hover-background:var(--cs__cta-action--hover__bg);--button-pressed-background:var(--cs__cta-action--pressed__bg)}.button--style-ghost{--button-background:none;--button-color:var(--cs__primary__fg--headline);--button-hover-background:var(--cs__primary__fg--headline);--button-pressed-background:var(--cs__primary__fg--headline)}.button--style-ghost .button__link{border:2px solid var(--cs__primary__fg--headline);color:var(--cs__primary__fg--headline);padding:calc(1rem - 2px)}.button.shade{--button-background:var(--shade-color);--button-color:var(--shade-contrast)}.button.shade.shade--10{--button-hover-background:var(--shade-color-25);--button-pressed-background:var(--shade-color-50)}.button.shade.shade--25{--button-hover-background:var(--shade-color-50);--button-pressed-background:var(--shade-color-100)}.button.shade.shade--50{--button-hover-background:var(--shade-color-100);--button-pressed-background:var(--shade-color-200)}.button.shade.shade--100{--button-hover-background:var(--shade-color-200);--button-pressed-background:var(--shade-color-300)}.button.shade.shade--200{--button-hover-background:var(--shade-color-300);--button-pressed-background:var(--shade-color-600)}.button.shade.shade--300{--button-hover-background:var(--shade-color-600);--button-pressed-background:var(--shade-color-900)}.button.shade.shade--600,.button.shade.shade--900{--button-hover-background:var(--shade-color-900);--button-pressed-background:var(--shade-color-900)}.button.shade.button--style-ghost{--button-background:none}.button.shade.button--style-ghost .button__link{border-color:var(--shade-color);color:var(--shade-color)}@media(hover:hover){.button__link:not([disabled]):not(:disabled):hover{background:var(--button-hover-background)}.button__link:not([disabled]):not(:disabled):active{background:var(--button-pressed-background)}.button--style-text .button__link:not([disabled]):not(:disabled):hover{text-decoration:underline;--button-color:var(--cs__primary__fg--headline)}.button--style-ghost .button__link:not([disabled]):not(:disabled):active,.button--style-ghost .button__link:not([disabled]):not(:disabled):hover{color:var(--cs__primary__bg--base)}.button.shade.button--style-ghost .button__link:not([disabled]):not(:disabled):hover{color:var(--cs__primary__bg--base);border-color:var(--button-hover-background)}.button.shade.button--style-ghost .button__link:not([disabled]):not(:disabled):active{border-color:var(--button-pressed-background)}}