@layer components{.c-button{--button-text-color:#fff;--button-text-color-active:var(--brand-charcoal);--button-background-color:var(--brand-charcoal);--button-background-color-active:var(--brand-blue-grey);--button-padding:0.9rem 1.5rem 1.1rem;border-radius:500px;color:var(--button-text-color);cursor:pointer;display:inline-block;font-size:clamp(1rem,.73rem + .42vw,1.11rem);font-weight:var(--font-weight-regular);line-height:1;overflow:hidden;padding:var(--button-padding-override,var(--button-padding));position:relative;transition:color .15s ease,border .15s ease;z-index:0}.c-button[disabled]{cursor:not-allowed;opacity:.4}.c-button:before{background:linear-gradient(to right,var(--button-background-color-active) 50%,var(--button-background-color) 50%,var(--button-background-color) 100%);border-radius:500px;content:"";display:block;inset:0;line-height:1;position:absolute;transform:translateX(-50%);transition:transform .2s cubic-bezier(.45,.05,.55,.95);width:200%;z-index:-1}.c-button--black,.c-button--charcoal{--button-background-color:var(--brand-charcoal)}.c-button--blue,.c-button--blue-grey{--button-text-color:var(--brand-charcoal);--button-text-color-active:#fff;--button-background-color:var(--brand-blue-grey);--button-background-color-active:var(--brand-charcoal)}.c-button--white{--button-background-color:#fff;--button-text-color:var(--brand-charcoal);--button-text-color-active:#fff;--button-background-color-active:var(--brand-charcoal)}.c-button--external{--icon-code:"\e09f";font-size:1.1rem}.c-button--download{--icon-code:"\f063";align-items:flex-end;font-size:1rem}.c-button--download:after,.c-button--external:after{align-items:center;content:var(--icon-code);display:inline-flex;font-family:var(--fa-font-family-sharp);font-weight:var(--font-weight-thin);height:14px;justify-content:center;margin-left:.25em;vertical-align:middle}.c-button:focus,.c-button:hover,.u-interactive-parent:focus-within .c-button,.u-interactive-parent:hover .c-button{color:var(--button-text-color-active)}.c-button:focus:before,.c-button:hover:before,.u-interactive-parent:focus-within .c-button:before,.u-interactive-parent:hover .c-button:before{transform:translate(0)}.c-arrow-button{--button-collapsed-width:82px;--button-height:60px;--x-padding:22px;align-items:center;background:var(--brand-charcoal);border-radius:500px;color:#fff;display:inline-flex;flex-shrink:0;font-size:clamp(1rem,.73rem + .42vw,1.11rem);height:var(--button-height);justify-content:flex-end;max-width:var(--button-collapsed-width);overflow:hidden;padding:.9rem var(--x-padding) 1.1rem;position:relative;transition:max-width .5s ease-in-out;z-index:0}.c-arrow-button:focus,.c-arrow-button:hover,.u-interactive-parent:focus-within .c-arrow-button,.u-interactive-parent:hover .c-arrow-button{max-width:100%}.c-arrow-button:focus .c-arrow-button__text,.c-arrow-button:hover .c-arrow-button__text,.u-interactive-parent:focus-within .c-arrow-button .c-arrow-button__text,.u-interactive-parent:hover .c-arrow-button .c-arrow-button__text{opacity:1}.c-arrow-button:focus,.c-arrow-button:hover,.u-interactive-parent:focus-within .c-arrow-button__icon,.u-interactive-parent:hover .c-arrow-button__icon{transform:translateX(0)}.c-arrow-button__text{font-weight:var(--font-weight-regular);margin:0;opacity:0;transition:opacity .5s ease;white-space:nowrap}.c-arrow-button__icon{margin-left:1ch;margin-top:0;transform:translateX(calc(var(--button-collapsed-width)/2*-1 + var(--x-padding) + 50%));transition:all .5s ease}.c-arrow-button__icon:after{content:"\f061";font-family:var(--fa-font-family-sharp);font-size:1rem;vertical-align:middle}@media only screen and (max-width:800px){.c-button{--button-padding:0.75rem 1.5rem 0.9rem}}}