:root{--button-background-color:var(--colour-brand-blue-500);--button-text-color:var(--text-secondary-light);--button-background-color-hover:var(--colour-brand-blue-450);--button-border-color-hover:var(--colour-brand-blue-450);--button-border-color:var(--colour-brand-blue-500);--button-border-radius:var(--radius-xs);--button-outline-color:var(--border-brand-tertiary-light)}.button{appearance:none;color:var(--button-text-color);cursor:pointer;background-color:#0000;background-color:var(--button-background-color);gap:var(--spacing-4xs);white-space:nowrap;border-radius:var(--button-border-radius);font-size:var(--font-size-100);letter-spacing:0;line-height:150%;font-family:var(--font-primary),sans-serif;font-style:normal;font-weight:var(--font-weight-bold);border:none;justify-content:center;align-items:center;padding:0;transition:background-color .3s,border-color .3s;display:inline-flex}.button:not([data-theme=link]){border:1px solid var(--button-border-color);min-width:92px}.button:hover{background-color:var(--button-background-color-hover);border-color:var(--button-border-color-hover)}.button:focus-visible,.button:active{outline:3px solid var(--button-outline-color);outline-offset:2px}.button:disabled{cursor:not-allowed}.button[data-size=lg]:not([data-theme=link]){font-size:var(--font-size-100);letter-spacing:0;line-height:150%;font-family:var(--font-primary),sans-serif;font-style:normal;font-weight:var(--font-weight-bold);padding:var(--spacing-2xs)var(--spacing-sm)}.button[data-size=sm]:not([data-theme=link]){font-size:var(--font-size-000);letter-spacing:0;line-height:150%;font-family:var(--font-primary),sans-serif;font-style:normal;font-weight:var(--font-weight-bold);padding:var(--spacing-3xs)var(--spacing-2xs)}.button[data-size=sm]:not([data-theme=link]) .icon[data-name=arrow-right]{width:1.25rem;height:1.25rem}.button[data-theme=primary-dark]{--button-background-color:var(--colour-brand-blue-500);--button-text-color:var(--text-secondary-light);--button-background-color-hover:var(--colour-brand-blue-450);--button-border-color:var(--border-brand-primary-light);--button-border-color-hover:var(--colour-brand-blue-450)}.button[data-theme=primary-light]{--button-background-color:var(--colour-neutral-100);--button-text-color:var(--text-secondary-dark);--button-background-color-hover:var(--colour-brand-blue-200);--button-border-color:var(--border-alternate-light);--button-border-color-hover:var(--colour-brand-blue-200)}.button[data-theme=secondary-dark]{--button-background-color:var(--colour-brand-blue-500);--button-text-color:var(--text-secondary-light);--button-background-color-hover:var(--colour-brand-blue-450);--button-border-color:var(--border-alternate-light);--button-border-color-hover:var(--border-alternate-light)}.button[data-theme=secondary-light]{--button-background-color:var(--colour-neutral-100);--button-text-color:var(--text-secondary-dark);--button-background-color-hover:var(--colour-brand-blue-200);--button-border-color:var(--border-brand-primary-light);--button-border-color-hover:var(--border-brand-primary-light)}.button[data-theme=link]{--button-background-color:transparent;--button-text-color:var(--text-brand-light);--button-background-color-hover:transparent;--button-text-color-hover:var(--colour-brand-blue-600)}.button[data-theme=link] .icon[data-name=arrow-right],.button[data-theme=link] .icon[data-name=download] .download-arrow{transition:transform .2s}.button[data-theme=link]:hover .icon[data-name=arrow-right]{transform:translate(4px)}.button[data-theme=link]:hover .icon[data-name=download] .download-arrow{transform:translateY(1.5px)}
