.button.svelte-zlgzzv.svelte-zlgzzv{--main-color:red;--light-color:blue;--contrast-color:green;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:5px;border:2px solid rgb(var(--main-color));border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font--mono)}.button.svelte-zlgzzv .icon.svelte-zlgzzv{width:24px;height:24px}.button.color--primary.svelte-zlgzzv.svelte-zlgzzv{--main-color:var(--color--primary-rgb);--light-color:var(--color--primary-tint-rgb);--contrast-color:var(--color--primary-contrast)}.button.color--secondary.svelte-zlgzzv.svelte-zlgzzv{--main-color:var(--color--secondary-rgb);--light-color:var(--color--secondary-tint-rgb);--contrast-color:var(--color--secondary-contrast)}.button.style--solid.svelte-zlgzzv.svelte-zlgzzv{background-color:rgb(var(--main-color));color:var(--contrast-color);box-shadow:0 0 10px rgb(var(--main-color))}.button.style--solid.svelte-zlgzzv.svelte-zlgzzv:hover{box-shadow:0 0 20px rgb(var(--main-color)),0 0 30px rgb(var(--main-color));text-shadow:0 0 5px var(--contrast-color)}.button.style--understated.svelte-zlgzzv.svelte-zlgzzv{background-color:transparent;color:rgb(var(--main-color));box-shadow:inset 0 0 10px rgba(var(--main-color),.2)}.button.style--understated.svelte-zlgzzv.svelte-zlgzzv:hover{background-color:rgba(var(--main-color),.1);box-shadow:0 0 15px rgb(var(--main-color)),inset 0 0 15px rgba(var(--main-color),.3)}.button.style--clear.svelte-zlgzzv.svelte-zlgzzv{background-color:transparent;color:rgb(var(--main-color));border-color:transparent}.button.style--clear.svelte-zlgzzv.svelte-zlgzzv:hover{background-color:rgba(var(--main-color),.1);border-color:rgb(var(--main-color))}.button.size--small.svelte-zlgzzv.svelte-zlgzzv{padding:5px 10px;font-size:.75rem}.button.size--small.svelte-zlgzzv .icon.svelte-zlgzzv{width:20px;height:20px}.button.size--medium.svelte-zlgzzv.svelte-zlgzzv{padding:10px 20px;font-size:1rem}.button.size--large.svelte-zlgzzv.svelte-zlgzzv{padding:15px 30px;font-size:1.15rem}.button.size--large.svelte-zlgzzv .icon.svelte-zlgzzv{width:28px;height:28px}