button.svelte-ccmpno{position:relative}button.svelte-ccmpno:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(135deg, transparent 0, transparent calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(var(--notch) * .707107), transparent calc(var(--notch) * .707107)), linear-gradient(315deg, transparent 0, transparent calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(var(--notch) * .707107), transparent calc(var(--notch) * .707107));position:absolute;inset:-2px}button.svelte-ccmpno{clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));border:2px solid var(--colour-line);--notch-line:var(--colour-line);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--colour-raised);color:inherit;box-shadow:var(--shadow);padding:12px 18px 10px;font-size:11px;line-height:1.6}button.svelte-ccmpno:hover:not(:disabled){filter:brightness(1.15)}button.svelte-ccmpno:active:not(:disabled){box-shadow:0 1px 0 var(--colour-dark);transform:translateY(3px)}button.svelte-ccmpno:focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--colour-gold), inset 0 0 0 4px var(--colour-ground), var(--shadow);outline:2px solid #0000}button.svelte-ccmpno:disabled{cursor:not-allowed;box-shadow:none}button[data-variant].svelte-ccmpno:disabled{background-color:var(--colour-raised);border-color:var(--colour-line);--notch-line:var(--colour-line);color:var(--colour-dim)}button[data-variant=primary].svelte-ccmpno{background-color:var(--colour-accent);border-color:var(--colour-accent-deep);--notch-line:var(--colour-accent-deep);color:var(--colour-white);box-shadow:0 4px 0 var(--colour-primary-shadow)}button[data-variant=primary].svelte-ccmpno:active:not(:disabled){box-shadow:0 1px 0 var(--colour-primary-shadow)}button[data-variant=gold].svelte-ccmpno{background-color:var(--colour-gold);border-color:var(--colour-gold-border);--notch-line:var(--colour-gold-border);color:var(--colour-gold-ink);box-shadow:0 4px 0 var(--colour-gold-shadow)}button[data-variant=gold].svelte-ccmpno:active:not(:disabled){box-shadow:0 1px 0 var(--colour-gold-shadow)}button[data-variant=ghost].svelte-ccmpno{--notch-line:transparent;box-shadow:none;background-color:#0000;border-color:#0000}button[data-variant=ghost].svelte-ccmpno:active:not(:disabled){box-shadow:none}