.button{font-weight:700;cursor:pointer;text-decoration:none;border-radius:8px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:var(--button-height);border-width:var(--button-border-width);border-color:var(--colour-button-border);color:var(--colour-button-text);background-color:var(--colour-button-background);padding-left:15px;padding-right:15px;border-style:solid;line-height:1;font-size:var(--button-font-size);--colour-button-text:#000000;--colour-button-icon:currentColor;--colour-button-icon-static:currentColor;--colour-button-icon-background:inherit;--colour-button-background:#00D6F7;--colour-button-border:transparent;--button-border-width:0;--colour-button-text-hover:#000000;--colour-button-background-hover:#00B6D2;--colour-button-border-hover:transparent;--colour-button-icon-hover:currentColor;--colour-button-icon-background-hover:#FFF;--colour-button-icon-active:currentColor;--colour-button-icon-background-active:var(--colour-link)}.button__text{padding-top:10px;padding-bottom:10px}.button__text[data-view-toggle-text]:before{content:attr(data-view-toggle-text)}.button__icon{--icon-size:12px;width:25px;min-width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--colour-button-icon-background);color:var(--colour-button-icon);transition:background .1s ease}.button__icon--static{background:0 0;border-radius:0;color:var(--colour-button-icon-static)}.button__icon:first-child{margin-left:-5px}.button__icon:last-child{margin-right:-5px;margin-left:auto}.button__icon--wrap{background:var(--colour-button-icon-background,currentColor)!important;border-radius:50%;transition:transform .3s ease}.button__icon--wrap svg{color:var(--colour-button-background)}.button__icon--wrap:first-child{margin-right:7px}.button__icon--wrap:last-child{margin-left:7px}.button__icon--large{--icon-size:20px;width:var(--icon-size);height:var(--icon-size)}.button__icon--large svg path{fill:currentColor}.button__icon--large:first-child{margin-left:0;margin-right:7px}section.theme--3 .button--1{--colour-button-border:#FFF;--button-border-width:1px}section .theme:not(.theme--0) .button--1{--colour-button-border:transparent;--button-border-width:0}.button--2{--colour-button-text:#FFF;--colour-button-icon:currentColor;--colour-button-icon-static:currentColor;--colour-button-background:#2740CC;--colour-button-border:#2740CC;--button-border-width:0;--colour-button-text-hover:#FFF;--colour-button-background-hover:#2136AD;--colour-button-border-hover:transparent;--colour-button-icon-hover:#000000;--colour-button-icon-background-hover:#FFF;--colour-button-icon-active:#FFF;--colour-button-icon-background-active:#1E1F58;--colour-button-background-disabled:#939ee4;--colour-button-text-disabled:#FFF}section.theme--2 .button--2{--colour-button-border:#FFF;--button-border-width:1px}section .theme:not(.theme--1) .button--2{--colour-button-border:#2740CC;--button-border-width:0}.button--3{--colour-button-text:#000000;--colour-button-icon:#02738D;--colour-button-icon-static:#02738D;--colour-button-background:#FFF;--colour-button-border:#DFDFDF;--button-border-width:1px;--colour-button-text-hover:#1E1F58;--colour-button-background-hover:#DFDFDF;--colour-button-border-hover:#6C8E9D;--colour-button-icon-hover:#000000;--colour-button-icon-background-hover:#D9D9D9;--colour-button-icon-active:#FFF;--colour-button-icon-background-active:#2740CC;--colour-button-background-disabled:#FFF;--colour-button-text-disabled:#B4C5CD}.button--4{--colour-button-text:#FFF;--colour-button-icon:currentColor;--colour-button-icon-static:currentColor;--colour-button-background:#1E1F58;--colour-button-border:transparent;--button-border-width:0px;--colour-button-text-hover:#FFF;--colour-button-background-hover:#1E1F58;--colour-button-border-hover:#1E1F58;--colour-button-icon-hover:#000000;--colour-button-icon-background-hover:#FFF;--colour-button-icon-active:currentColor;--colour-button-icon-background-active:#2740CC;--colour-button-background-disabled:#FFF;--colour-button-text-disabled:#B4C5CD}.button--5{--colour-button-text:#1E1F58;--colour-button-icon:#1E1F58;--colour-button-icon-static:#1E1F58;--colour-button-background:#DAB97D;--colour-button-border:transparent;--button-border-width:0px;--colour-button-text-hover:#FFF;--colour-button-background-hover:#EED6AB;--colour-button-border-hover:transparent;--colour-button-icon-hover:#1E1F58;--colour-button-icon-background-hover:#FFF;--colour-button-icon-active:#1E1F58;--colour-button-icon-background-active:#2740CC;--colour-button-background-disabled:#F4EAD8;--colour-button-text-disabled:#B4C5CD}section.theme--8 .button--5{--colour-button-border:#FFF;--button-border-width:1px}section .theme:not(.theme--8) .button--5{--colour-button-border:transparent;--button-border-width:0px}.button:hover{--colour-button-background:var(--colour-button-background-hover)}.button:hover:has(.button__text){--colour-button-icon:var(--colour-button-icon-hover);--colour-button-icon-background:var(--colour-button-icon-background-hover)}.button:focus:not(.disabled) .button__icon--large,.button:hover .button__icon--large{background:0 0;--colour-button-icon:currentColor}.button:focus:not(.disabled):focus-visible,.keyboard-input .button:focus:not(.disabled){outline:0;box-shadow:0 0 0 3px #000;--colour-button-border:#000;--colour-button-background:#FFD908;--colour-button-text:#000}.button:focus:not(.disabled):focus-visible:has(.button__text),.keyboard-input .button:focus:not(.disabled):has(.button__text){--colour-button-icon:#FFF;--colour-button-icon-background:#000}.button:active:not(.disabled){box-shadow:none}.button:active:not(.disabled):has(.button__text){--colour-button-icon:var(--colour-button-icon-active);--colour-button-icon-background:var(--colour-button-icon-background-active)}.button.disabled,.button[disabled]{color:var(--colour-button-text-disabled,#255771);background-color:var(--colour-button-background-disabled,#b5c6ce);cursor:not-allowed;pointer-events:none}.button.disabled .button__icon,.button[disabled] .button__icon{background:0 0;color:inherit}a:hover span.button{color:var(--colour-button-text-hover);background-color:var(--colour-button-background-hover);border-color:var(--colour-button-border-hover)}@media (min-width:768px){.button{padding-left:20px;padding-right:20px;--icon-size:20px}.button__text{margin-top:1px}}