.button{font-family:var(--font-family-mono);font-size:var(--text-200-size);letter-spacing:.02em;text-transform:uppercase;appearance:none;border-block-end:0;border-block-start:.5px solid var(--colour-theme-button-border);color:var(--colour-theme-text);cursor:pointer;align-items:center;gap:var(--space-5xs);padding-block:var(--space-s);text-align:start;text-transform:uppercase;transition:border-color .3s var(--ease-in-out),gap .3s var(--ease-in-out);background:0 0;border-inline:0;width:100%;padding-inline:0;font-style:normal;font-weight:400;line-height:150%;text-decoration:none;display:flex}.button:hover,.button:focus-visible{border-color:var(--colour-theme-button-border-hover);gap:calc(var(--space-5xs) + var(--space-6xs))}.button:hover .button__label,.button:focus-visible .button__label{font-family:var(--font-family-mono);font-size:var(--text-200-size);letter-spacing:.02em;text-transform:uppercase;font-style:normal;font-weight:500;line-height:150%}.button:hover .button__arrow,.button:focus-visible .button__arrow{color:var(--colour-yellow-60)}.button:focus-visible{outline:var(--space-6xs) solid var(--colour-theme-text);outline-offset:var(--space-6xs)}@media (prefers-reduced-motion:reduce){.button{transition:none}}.button__arrow{font-size:var(--step-1);transition:color .3s var(--ease-in-out);line-height:1}@media (prefers-reduced-motion:reduce){.button__arrow{transition:none}}
.button-group{gap:var(--space-xs);flex-wrap:wrap;display:flex}@media (max-width:63.9375rem){.button-group{gap:var(--space-l-xl)}}.button-group__item{flex:1 0 0;min-width:0}