.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;align-items:center;border:2px solid var(--button-border);border-radius:var(--border-radius-full);color:var(--button-text);cursor:pointer;display:flex;font-size:var(--font-centi);font-weight:var(--font-weight-semibold);height:var(--button-min-height);justify-content:center;letter-spacing:var(--letter-spacing-medium);overflow:hidden;padding:0 var(--spacing-fix-xlarge);position:relative;text-align:left;transition:var(--generic-animation);width:fit-content;z-index:1}.button:after,.button:before{content:"";height:100%;left:0;position:absolute;top:0}.button:before{background:var(--button-background);width:100%;z-index:-2}.button:after{background:var(--button-hover-background);transition:all .3s;width:0;z-index:-1}@media(pointer:fine){.button:hover,.hover .button{border-color:var(--button-hover-border);color:var(--button-hover-text)}.button:hover:after,.hover .button:after{width:100%}}.button:focus,.button:focus-visible{outline-offset:2px}.button--icon{align-items:center;display:inline-flex;gap:var(--spacing-fix-xsmall)}.button--icon .a-icon{flex-shrink:0}.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--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--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--tertiary.button--inverted:focus-visible{--button-border:var(--color-white-100);background:var(--button-hover-background);outline-color:#0000}.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);letter-spacing:var(--letter-spacing-small);padding:0 var(--spacing-fix-medium)}.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{align-items:center;display:flex;height:var(--button-min-height);justify-content:center;padding:0;width:var(--button-min-height)}