.btn{background-color:var(--kh-colour--gold);border:2px solid hsla(28,91%,74%,.5);border-radius:var(--kh-spacing--lg);box-shadow:0 0 1rem #0000004d;cursor:pointer;display:inline-block;font-weight:600;outline:none;padding:var(--kh-spacing--sm) calc(var(--kh-spacing--md) + var(--kh-spacing--xs));text-decoration:none;transition:all .2s ease}.btn,.btn--gold:hover{color:var(--kh-colour--brown)}.btn--gold:hover{background-color:var(--kh-colour--gold-dark);border-color:var(--kh-colour--gold-dark)}.btn--purple{background:linear-gradient(182.95deg,transparent 30%,rgba(232,57,133,.75) 97.79%),#6d255e;border:1px solid hsla(28,91%,74%,.5);box-shadow:0 0 1rem var(--kh-colour--purple);color:var(--kh-colour--white);opacity:.9;text-underline-offset:.35em;transition:all .5s ease}.btn--purple:focus,.btn--purple:hover{border-color:var(--kh-colour--gold);color:var(--kh-colour--white);opacity:.8}.btn--purple:focus:before,.btn--purple:hover:before{border-color:var(--kh-colour--gold);transform:scale(.98,.96)}.btn--purple:focus:after,.btn--purple:hover:after{opacity:1}.btn--purple:after{background:radial-gradient(68.77% 308.55% at 49.83% 317.76%,#ff429c 0,#ff429c00);height:100%;left:0;mix-blend-mode:screen;opacity:0;top:0;width:100%}.btn--purple:after,.btn--purple:before{content:"";display:block;position:absolute;transition:all .2s ease}.btn--purple:before{border:1px solid hsla(28,91%,74%,.5);border-radius:4em;height:calc(100% - var(--kh-spacing--xs));left:var(--kh-spacing--xxs);opacity:1;top:var(--kh-spacing--xxs);width:calc(100% - var(--kh-spacing--xs))}.btn--sm{font-size:var(--kh-font-size-xs);padding:var(--kh-spacing--xs) var(--kh-spacing--sm)}