.button.svelte-vtx305.svelte-vtx305{--main-color:red;--light-color:blue;--contrast-color:green;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:all .3s var(--ease-smooth);display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:24px;font-weight:600;letter-spacing:.01em}.button.svelte-vtx305 .icon.svelte-vtx305{width:24px;height:24px}.button.color--primary.svelte-vtx305.svelte-vtx305{--main-color:var(--color--primary-rgb);--light-color:var(--color--primary-tint-rgb);--contrast-color:var(--color--primary-contrast)}.button.color--secondary.svelte-vtx305.svelte-vtx305{--main-color:var(--color--secondary-rgb);--light-color:var(--color--secondary-tint-rgb);--contrast-color:var(--color--secondary-contrast)}.button.style--solid.svelte-vtx305.svelte-vtx305{background:linear-gradient(135deg,rgb(var(--main-color)) 0%,rgba(var(--main-color),.85) 100%);color:var(--contrast-color);box-shadow:0 4px 15px rgba(var(--main-color),.3)}.button.style--solid.svelte-vtx305.svelte-vtx305:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--main-color),.4),0 0 40px rgba(var(--main-color),.2)}.button.style--solid.svelte-vtx305.svelte-vtx305:active{transform:translateY(0)}.button.style--understated.svelte-vtx305.svelte-vtx305{background-color:rgb(var(--light-color));color:rgb(var(--main-color));border:1px solid transparent}.button.style--understated.svelte-vtx305.svelte-vtx305:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--main-color),.2);border-color:rgba(var(--main-color),.2)}.button.style--clear.svelte-vtx305.svelte-vtx305{background-color:transparent;color:rgb(var(--main-color))}.button.style--clear.svelte-vtx305.svelte-vtx305:hover{background-color:rgb(var(--light-color));transform:translateY(-1px)}.button.size--small.svelte-vtx305.svelte-vtx305{padding:6px 14px;font-size:.75rem}.button.size--small.svelte-vtx305 .icon.svelte-vtx305{width:18px;height:18px}.button.size--medium.svelte-vtx305.svelte-vtx305{padding:12px 24px;font-size:.95rem}.button.size--large.svelte-vtx305.svelte-vtx305{padding:16px 32px;font-size:1.1rem}.button.size--large.svelte-vtx305 .icon.svelte-vtx305{width:26px;height:26px}