.button{--button-text:var(--color-white-100);--button-hover-text:var(--color-white-100);--button-background:var(--color-primary-50);--button-hover-background:var(--color-primary-60);--button-border:var(--button-background);--button-hover-border:var(--button-hover-background);--button-min-height:52px;z-index:1;position:relative;display:flex;overflow:hidden;justify-content:center;align-items:center;width:fit-content;height:var(--button-min-height);padding:0 var(--spacing-fix-xlarge);font-size:var(--font-centi);font-weight:var(--font-weight-semibold);color:var(--button-text);text-align:left;letter-spacing:var(--letter-spacing-medium);border:2px solid var(--button-border);border-radius:var(--border-radius-full);transition:var(--generic-animation);cursor:pointer}.button:after,.button:before{content:"";position:absolute;top:0;left:0;height:100%}.button:before{z-index:-2;width:100%;background:var(--button-background)}.button:after{z-index:-1;width:0;background:var(--button-hover-background);transition:all .3s}@media(pointer:fine){.button:hover,.hover .button{color:var(--button-hover-text);border-color:var(--button-hover-border)}.button:hover:after,.hover .button:after{width:100%}}.button:focus,.button:focus-visible{outline-offset:2px}.button--icon{display:inline-flex;align-items:center;gap:var(--spacing-fix-xsmall)}.button--icon .a-icon{flex-shrink:0}.button--disabled,.button[disabled]{--button-text:var(--color-white-100);--button-border:var(--color-grey-60);--button-background:var(--color-grey-60);--button-hover-background:var(--color-grey-60);--button-hover-border:var(--color-grey-60);--button-hover-text:var(--color-white-100);cursor:not-allowed}.button--inverted{--button-text:var(--color-primary-50);--button-border:var(--color-white-100);--button-background:var(--color-white-100);--button-hover-background:var(--color-white-100);--button-hover-border:var(--color-white-100);--button-hover-text:var(--color-primary-60)}.button--inverted:focus-visible{border-color:var(--button-border)}.button--inverted.button--disabled,.button--inverted[disabled]{--button-text:var(--color-grey-60);--button-border:var(--color-white-80);--button-background:var(--color-white-80);--button-hover-background:var(--color-white-80);--button-hover-border:var(--color-white-80);--button-hover-text:var(--button-text)}.button--inverted.button--disabled:after,.button--inverted[disabled]:after{display:none}.button--icon-left{flex-direction:row-reverse}.button--secondary{--button-text:var(--color-black-100);--button-border:var(--color-black-100);--button-background:#0000;--button-hover-background:var(--color-black-100);--button-hover-border:var(--color-black-100);--button-hover-text:var(--color-white-100)}.button--secondary.button--disabled,.button--secondary[disabled]{--button-text:var(--color-grey-60);--button-border:var(--color-grey-60);--button-background:#0000;--button-hover-background:#0000;--button-hover-border:var(--color-grey-60);--button-hover-text:var(--color-grey-60)}.button--secondary.button--inverted{--button-text:var(--color-white-100);--button-border:var(--color-white-100);--button-hover-background:var(--color-white-100);--button-hover-border:var(--button-border);--button-hover-text:var(--color-black-100)}.button--secondary.button--inverted:focus-visible{--button-background:var(--color-white-10)}.button--secondary.button--inverted.button--disabled,.button--secondary.button--inverted[disabled]{--button-text:var(--color-white-100);--button-border:var(--color-white-100);--button-hover-background:#0000;--button-hover-border:var(--color-white-100);--button-hover-text:var(--color-white-100);opacity:.6}.button--tertiary{--button-text:var(--color-black-100);--button-border:#0000;--button-background:#0000;--button-hover-background:var(--color-grey-20);--button-hover-border:var(--color-grey-20);--button-hover-text:var(--color-black-80)}.button--tertiary:after{display:none}@media(hover:hover){.button--tertiary:hover{background:var(--button-hover-background)}}.button--tertiary:focus-visible{outline-color:var(--color-focus);--button-border:var(--color-focus);--button-hover-border:var(--button-border)}.button--tertiary.button--inverted{--button-text:var(--color-white-100);--button-hover-background:var(--color-white-20);--button-hover-text:var(--color-white-100);--button-hover-border:#0000}.button--tertiary.button--inverted:focus-visible{--button-border:var(--color-white-100);outline-color:#0000;background:var(--button-hover-background)}.button--tertiary.button--inverted.button--disabled,.button--tertiary.button--inverted[disabled]{--button-text:var(--color-white-100);--button-hover-text:var(--color-white-100);opacity:.6}.button--tertiary.button--disabled,.button--tertiary[disabled]{--button-text:var(--color-grey-60);--button-border:#0000;--button-background:#0000;--button-hover-background:#0000;--button-hover-border:#0000;--button-hover-text:var(--color-grey-60)}.button--small{--button-min-height:44px;font-size:var(--font-milli);padding:0 var(--spacing-fix-medium);letter-spacing:var(--letter-spacing-small)}.button--xsmall{--button-min-height:32px}.button--compact{--button-min-height:21px;font-size:var(--font-micro);padding:var(--spacing-fix-2xsmall)}@media(min-width:68.6875em){.button--compact{font-size:var(--font-milli)}}.button--icon-only{display:flex;align-items:center;justify-content:center;padding:0;width:var(--button-min-height);height:var(--button-min-height)}