.button{font-family:din-2014-rounded-variable,sans-serif;font-weight:900;cursor:pointer;text-decoration:none;border-radius:var(--button-border-radius);position:relative;display:inline-flex;gap:5px;align-items:center;min-height:var(--button-height);color:var(--colour-button-text);background-color:var(--colour-button-background);padding-inline:var(--button-inline-padding);line-height:1;font-size:var(--button-font-size);font-weight:var(--button-font-weight);--colour-button-text:var(--button-text-1);--colour-button-background:var(--button-bg-1);--button-bg-hover:#195A9A}.button__text{padding-top:10px;padding-bottom:10px}.button__text[data-view-toggle-text]:before{content:attr(data-view-toggle-text)}.button--2{--colour-button-text:var(--button-text-2);--colour-button-background:var(--button-bg-2);--button-bg-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%),#9BBED7}.button--3{--colour-button-text:var(--button-text-3);--colour-button-background:var(--button-bg-3);--button-bg-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%),#F4F4F4}.button:hover{background:var(--button-bg-hover)}.button:focus:not(.disabled):focus-visible{outline:solid 2px var(--focus-outline-1);box-shadow:0 0 0 2px var(--focus-outline-2);outline-offset:2px}.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}a:hover span.button{color:var(--colour-button-text-hover);background-color:var(--colour-button-background-hover)}@media (min-width:768px){.button__text{transform:translateY(1px)}}