.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;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;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.button:after,.button:before{content:"";height:100%;position:absolute;top:0;left:0}.button:before{z-index:-2;background:var(--button-background);width:100%}.button:after{z-index:-1;background:var(--button-hover-background);width:0;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{align-items:center;gap:var(--spacing-fix-xsmall);display:inline-flex}.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);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}.button--small,.button--xsmall{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 (width>=68.6875em){.button--compact{font-size:var(--font-milli)}}.button--icon-only{width:var(--button-min-height);height:var(--button-min-height);justify-content:center;align-items:center;padding:0;display:flex}.button--is-video{--button-min-height:32px;--button-text:inherit;--button-border:#0000;--button-background:var(--color-white-100);--button-hover-background:var(--color-white-100);--button-hover-border:#0000;--button-hover-text:inherit;padding:var(--spacing-fix-2xsmall)}@media (width>=68.6875em){.button--is-video{--button-min-height:44px}}
