.button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--colour-text);border:1px solid var(--colour-text);color:var(--colour-background);cursor:pointer;display:inline-block;font-family:var(--font-family__sans);font-size:var(--font-size__l);font-style:normal;font-weight:var(--font-weight__bold);letter-spacing:var(--letter-spacing__l);line-height:var(--line-height__l);padding:var(--size-xxxxs) var(--size-xxs);text-decoration:none;transition:background 250ms ease-in-out,border-color 250ms ease-in-out,color 250ms ease-in-out}.button--state-disabled,.button--state-readonly{cursor:default;cursor:not-allowed;opacity:1;pointer-events:none}@supports(color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{background:color-mix(in srgb, var(--colour-background), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{background:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@supports(color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{border-color:color-mix(in srgb, var(--colour-background), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{border-color:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}.button--state-readonly{cursor:default}.button--state-error{background:#d11141;border-color:#d11141;color:#fff}@media(hover: hover){.button:hover{background:var(--colour-link-hover);border-color:var(--colour-link-hover);color:var(--colour-background);text-decoration:none}}.button--colour.button--state-error{background:#d11141;border-color:#d11141;color:#fff}.button--colour-primary{background:var(--colour-primary);border-color:var(--colour-primary)}@supports(color: color-mix(in srgb, blue, white)){.button--colour-primary.button--state-disabled,.button--colour-primary.button--state-readonly{background:color-mix(in srgb, var(--colour-primary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-primary.button--state-disabled,.button--colour-primary.button--state-readonly{background:hsl(from var(--colour-primary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@supports(color: color-mix(in srgb, blue, white)){.button--colour-primary.button--state-disabled,.button--colour-primary.button--state-readonly{border-color:color-mix(in srgb, var(--colour-primary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-primary.button--state-disabled,.button--colour-primary.button--state-readonly{border-color:hsl(from var(--colour-primary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}.button--colour-secondary{background:var(--colour-secondary);border-color:var(--colour-secondary)}@supports(color: color-mix(in srgb, blue, white)){.button--colour-secondary.button--state-disabled,.button--colour-secondary.button--state-readonly{background:color-mix(in srgb, var(--colour-secondary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-secondary.button--state-disabled,.button--colour-secondary.button--state-readonly{background:hsl(from var(--colour-secondary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@supports(color: color-mix(in srgb, blue, white)){.button--colour-secondary.button--state-disabled,.button--colour-secondary.button--state-readonly{border-color:color-mix(in srgb, var(--colour-secondary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-secondary.button--state-disabled,.button--colour-secondary.button--state-readonly{border-color:hsl(from var(--colour-secondary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}.button--colour-tertiary{background:var(--colour-tertiary);border-color:var(--colour-tertiary)}@supports(color: color-mix(in srgb, blue, white)){.button--colour-tertiary.button--state-disabled,.button--colour-tertiary.button--state-readonly{background:color-mix(in srgb, var(--colour-tertiary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-tertiary.button--state-disabled,.button--colour-tertiary.button--state-readonly{background:hsl(from var(--colour-tertiary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@supports(color: color-mix(in srgb, blue, white)){.button--colour-tertiary.button--state-disabled,.button--colour-tertiary.button--state-readonly{border-color:color-mix(in srgb, var(--colour-tertiary), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--colour-tertiary.button--state-disabled,.button--colour-tertiary.button--state-readonly{border-color:hsl(from var(--colour-tertiary) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@media(hover: hover){.button--colour:hover{background:var(--colour-text);border-color:var(--colour-text);color:var(--colour-background)}}.button--style-outline{background:var(--colour-background);color:var(--colour-text)}.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{background:var(--colour-background)}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{color:color-mix(in srgb, var(--colour-text), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{color:hsl(from var(--colour-text) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{border-color:color-mix(in srgb, var(--colour-text), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{border-color:hsl(from var(--colour-text) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}.button--style-outline.button--state-error{border-color:#d11141;color:#d11141}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{background:color-mix(in srgb, #D11141, white 95%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{background:hsl(from #D11141 h calc(s - (100% - s) * 0.95) calc(l + (100% - l) * 0.95))}}@media(hover: hover){.button--style-outline:hover{background:var(--colour-text);border-color:var(--colour-text);color:var(--colour-background)}}@supports(color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{background:color-mix(in srgb, var(--colour-background), white 50%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{background:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.5) calc(l + (100% - l) * 0.5))}}@supports(color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{border-color:color-mix(in srgb, var(--colour-background), white 50%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--state-disabled,.button--state-readonly{border-color:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.5) calc(l + (100% - l) * 0.5))}}@media(hover: hover){.button:hover{color:var(--colour-text)}}.button--style-arrow{background:var(--colour-text);border:none;height:39px;-webkit-mask-image:url("../../image/icon.button.arrow.svg?token=Bw3lY7pX");mask-image:url("../../image/icon.button.arrow.svg?token=Bw3lY7pX");-webkit-mask-size:100% 100%;mask-size:100% 100%;padding:0;transition:background 250ms ease-in-out;width:40px}.button--style-arrow.button--state-disabled,.button--style-arrow.button--state-readonly{background:var(--colour-text)}@supports(color: color-mix(in srgb, blue, white)){.button--style-arrow.button--state-disabled,.button--style-arrow.button--state-readonly{background:color-mix(in srgb, var(--colour-background), white 50%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-arrow.button--state-disabled,.button--style-arrow.button--state-readonly{background:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.5) calc(l + (100% - l) * 0.5))}}@supports(color: color-mix(in srgb, blue, white)){.button--style-arrow.button--state-error{background:color-mix(in srgb, #D11141, white 25%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-arrow.button--state-error{background:hsl(from #D11141 h calc(s - (100% - s) * 0.25) calc(l + (100% - l) * 0.25))}}@media(hover: hover){.button--style-arrow:hover{background:var(--colour-link-hover)}}.button--style-arrow .button__label{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal}.button--style-outline{background:var(--colour-background);border-width:2px;color:var(--colour-text)}.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{background:var(--colour-background)}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{border-color:color-mix(in srgb, var(--colour-background), white 50%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{border-color:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.5) calc(l + (100% - l) * 0.5))}}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{color:color-mix(in srgb, var(--colour-background), white 50%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-disabled,.button--style-outline.button--state-readonly{color:hsl(from var(--colour-background) h calc(s - (100% - s) * 0.5) calc(l + (100% - l) * 0.5))}}.button--style-outline.button--state-error{color:var(--colour-background)}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{background:color-mix(in srgb, #D11141, white 25%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{background:hsl(from #D11141 h calc(s - (100% - s) * 0.25) calc(l + (100% - l) * 0.25))}}@supports(color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{border-color:color-mix(in srgb, #D11141, white 25%)}}@supports not (color: color-mix(in srgb, blue, white)){.button--style-outline.button--state-error{border-color:hsl(from #D11141 h calc(s - (100% - s) * 0.25) calc(l + (100% - l) * 0.25))}}@media(hover: hover){.button--style-outline:hover{background:var(--colour-text);border-color:var(--colour-text);color:var(--colour-background)}}/*# sourceMappingURL=component.button.min.css.map */