[data-component=button]{--radius: var(--radius-md);--shadow: none;--border: transparent;--border-w: 1px}[data-component=button][data-color=primary][data-style=filled]{--bg: var(--color-primary);--fg: white;--hover-bg: color-mix(in srgb, var(--color-primary) 85%, black);--hover-fg: white}[data-component=button][data-color=primary][data-style=outline]{--bg: transparent;--fg: var(--color-primary);--border: var(--color-primary);--border-w: 1px;--hover-bg: var(--color-primary);--hover-fg: white}[data-component=button][data-color=primary][data-style=ghost]{--bg: transparent;--fg: var(--color-primary);--hover-bg: color-mix(in srgb, var(--color-primary) 10%, transparent);--hover-fg: var(--color-primary)}[data-component=button][data-color=secondary][data-style=filled]{--bg: var(--color-secondary);--fg: var(--color-text);--hover-bg: color-mix(in srgb, var(--color-secondary) 85%, black);--hover-fg: var(--color-text)}[data-component=button][data-color=secondary][data-style=outline]{--bg: transparent;--fg: var(--color-secondary);--border: var(--color-secondary);--border-w: 1px;--hover-bg: var(--color-secondary);--hover-fg: var(--color-text)}[data-component=button][data-color=secondary][data-style=ghost]{--bg: transparent;--fg: var(--color-secondary);--hover-bg: color-mix(in srgb, var(--color-secondary) 10%, transparent);--hover-fg: var(--color-secondary)}[data-component=button][data-preset=regular]{--pt: calc(var(--spacing) * 3);--pr: calc(var(--spacing) * 6);--pb: calc(var(--spacing) * 3);--pl: calc(var(--spacing) * 6);--gap-x: calc(var(--spacing) * 2)}[data-component=button][data-preset=icon]{--pt: calc(var(--spacing) * 2);--pr: calc(var(--spacing) * 2);--pb: calc(var(--spacing) * 2);--pl: calc(var(--spacing) * 2)}[data-component=button][data-preset=pill]{--radius: 9999px;--pt: calc(var(--spacing) * 3.5);--pr: calc(var(--spacing) * 7);--pb: calc(var(--spacing) * 3.5);--pl: calc(var(--spacing) * 7);--gap-x: calc(var(--spacing) * 2)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/presets-button.css.map */