.button{text-align:center;text-transform:uppercase;border-radius:6px;flex-direction:row;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:100%;padding:.3125em .625em;font-family:Roboto Flex Variable,"sans-serif";font-size:1.5625em;font-weight:700;font-stretch:50%;transition-property:background-color,border-color,color,transform;transition-duration:.15s;transition-timing-function:ease-in-out;display:inline-flex}.button:disabled:not(.is-loading),.button[aria-disabled=true]:not(.is-loading){background-color:var(--cp-colour-surface-inset);color:var(--cp-colour-on-surface);cursor:not-allowed;pointer-events:none}.button.is-loading{cursor:wait;pointer-events:none;opacity:.9}.button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.button__prefix,.button__suffix{flex-shrink:0;line-height:1}.button__label{overflow-wrap:break-word;min-width:0}.button--primary{background-color:var(--cp-colour-orange);border:2px solid var(--cp-colour-orange);color:var(--cp-colour-white)}.button--primary:hover{background-color:color-mix(in oklch,var(--cp-colour-orange),#000 10%);border-color:color-mix(in oklch,var(--cp-colour-orange),#000 10%)}.button--secondary{background-color:var(--cp-colour-surface-inset);border:2px solid var(--cp-colour-border);color:var(--cp-colour-on-surface)}.button--secondary:hover{background-color:color-mix(in oklch,var(--cp-colour-surface-inset),#000 10%);border-color:color-mix(in oklch,var(--cp-colour-border),#000 10%)}.button--tertiary{border:2px solid var(--cp-colour-on-surface);color:var(--cp-colour-on-surface);background-color:#0000}.button--tertiary:hover{color:var(--cp-colour-orange);border-color:var(--cp-colour-orange)}.button--dark{background-color:var(--cp-colour-on-surface);border:2px solid var(--cp-colour-on-surface);color:var(--cp-colour-white)}.button--dark:hover{background-color:color-mix(in oklch,var(--cp-colour-on-surface),#fff 15%);border-color:color-mix(in oklch,var(--cp-colour-on-surface),#fff 15%)}.button--red{background-color:var(--cp-colour-red);border:2px solid var(--cp-colour-red);color:var(--cp-colour-white)}.button--red:hover{background-color:color-mix(in oklch,var(--cp-colour-red),#000 10%);border-color:color-mix(in oklch,var(--cp-colour-red),#000 10%)}.button--red-outline{border:2px solid var(--cp-colour-red);color:var(--cp-colour-red);background-color:#0000}.button--red-outline:hover{background-color:var(--cp-colour-red);color:var(--cp-colour-white)}.button--white{background-color:var(--cp-colour-white);border:2px solid var(--cp-colour-white);color:var(--cp-colour-on-surface)}.button--white:hover{background-color:color-mix(in oklch,var(--cp-colour-white),#000 10%);border-color:color-mix(in oklch,var(--cp-colour-white),#000 10%)}.button--link{color:var(--cp-colour-on-surface);background-color:#0000;border:2px solid #0000;text-decoration:underline}.button--link:hover{background-color:color-mix(in oklch,var(--cp-colour-surface),#000 10%);border-color:color-mix(in oklch,var(--cp-colour-surface),#000 10%)}.button--xs{padding:.125em .4375em;font-size:.875em}.button--sm{padding:.1875em .5em;font-size:1.125em}.button--md{padding:.3125em .625em;font-size:1.5625em}.button--lg{padding:.4375em .875em;font-size:1.875em}.button--xl{padding:.5625em 1.125em;font-size:2.25em}.button--icon.button--xs{padding-inline:.125em}.button--icon.button--sm{padding-inline:.1875em}.button--icon.button--md{padding-inline:.3125em}.button--icon.button--lg{padding-inline:.4375em}.button--icon.button--xl{padding-inline:.5625em}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:active:not(:disabled):not([aria-disabled=true]){transform:none}}