.button{font-family:"Nunito Semi Bold";font-weight:400;cursor:pointer;text-decoration:none;border-radius:99px;position:relative;display:inline-flex;gap:10px;align-items:center;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)}.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:inherit;color:inherit;transition:transform .3s ease,background .1s ease}.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:28px;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}.button{--colour-button-text:#FFF;--colour-button-icon:#FFF;--colour-button-icon-background:#4752A3;--colour-button-background:#4752A3;--colour-button-border:transparent;--button-border-width:0;--colour-button-text-hover:#FFF;--colour-button-background-hover:#262E69;--colour-button-border-hover:transparent;--colour-button-icon-hover:#FFF;--colour-button-icon-background-hover:#262E69;--colour-button-icon-active:currentColor;--colour-button-icon-background-active:var(--colour-link)}.button--2{--colour-button-text:#FFF;--colour-button-icon:#FFF;--colour-button-background:#4D5051;--colour-button-border:transparent;--button-border-width:0;--colour-button-text-hover:#FFF;--colour-button-background-hover:#343839;--colour-button-border-hover:transparent;--colour-button-icon-hover:#FFF;--colour-button-icon-background-hover:#343839;--colour-button-icon-active:#FFF;--colour-button-icon-background-active:#343839}.button--3{--colour-button-text:#4D5051;--colour-button-icon:#4D5051;--colour-button-background:#ffffff;--colour-button-border:#4D5051;--button-border-width:0.4;--colour-button-text-hover:#4D5051;--colour-button-background-hover:#F1F0FF;--colour-button-border-hover:#4D5051}.theme .button--3{--colour-button-border:#ffffff;--colour-button-border-hover:#ffffff}.button--3{--colour-button-icon-hover:#4D5051;--colour-button-icon-background-hover:#F1F0FF;--colour-button-icon-active:#FFF;--colour-button-icon-background-active:#4D5051}.button--4{--colour-button-text:#4752A3;--colour-button-icon:#4752A3;--colour-button-background:#B9E3F0;--colour-button-border:transparent;--button-border-width:0px;--colour-button-text-hover:#FFF;--colour-button-background-hover:rgb(143, 210.2, 231);--colour-button-border-hover:transparent;--colour-button-icon-hover:#FFF;--colour-button-icon-background-hover:#4752A3;--colour-button-icon-active:#4752A3;--colour-button-icon-background-active:#4D5051}.button:hover{--colour-button-background:var(--colour-button-background-hover)}.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;--colour-button-icon:#FFF;--colour-button-icon-background:#000}.keyboard-input .button:focus:not(.disabled)[style*=color] .button__text{color:var(--colour-button-text)}.keyboard-input .button:focus:not(.disabled)[style*=background]{overflow:hidden}.keyboard-input .button:focus:not(.disabled)[style*=background] .button__text{z-index:1}.keyboard-input .button:focus:not(.disabled)[style*=background] .button__text:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--colour-button-background)}.button:active:not(.disabled){box-shadow:none;--colour-button-icon:var(--colour-button-icon-active);--colour-button-icon-background:var(--colour-button-icon-background-active)}.button.disabled,.button[disabled]{color:#255771;background-color:#b5c6ce;cursor:not-allowed;pointer-events:none}.button.disabled .button__icon,.button[disabled] .button__icon{background:0 0;color:#255771}@media (min-width:768px){.button{padding-left:20px;padding-right:20px}}