.button{font-family:var(--font-figtree), sans-serif;cursor:pointer;letter-spacing:4px;text-transform:uppercase;text-align:center;background-color:#0000;border:none;border-radius:36px;padding:16px 32px;font-size:16px}@media (max-width:600px){.button{box-sizing:border-box;letter-spacing:2px;max-width:100%;padding:14px 24px;font-size:14px;display:inline-block}}.button-outlined{background:0 0;transition:background-color .3s}.button-outlined.dark{color:var(--foreground);border:1px solid var(--foreground)}.button-outlined.light{color:var(--background);border:1px solid var(--background)}.button-outlined:hover{background-color:color-mix(in srgb, currentColor 25%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s}.button-filled{border:none;transition:background-color .3s}.button-filled.dark{background-color:var(--foreground);color:var(--background)}.button-filled.light{background-color:var(--background);color:var(--foreground)}.button-filled:hover{background-color:color-mix(in srgb, var(--foreground) 75%, transparent);transition:background-color .3s}