.storybook-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;transition:all var(--transition-normal) var(--transition-ease)}.storybook-button--primary{background-color:var(--color-primary);color:#fff}.storybook-button--primary:hover{background-color:var(--color-primary-dark)}.storybook-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.storybook-button--secondary:hover{background-color:var(--color-neutral-100)}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}.storybook-button:disabled{opacity:.6;cursor:not-allowed}.storybook-button .icon-left,.storybook-button .icon-right{display:flex;align-items:center;justify-content:center}.storybook-button .icon-left svg,.storybook-button .icon-right svg{width:16px;height:16px}.storybook-button--small .icon-left svg,.storybook-button--small .icon-right svg{width:14px;height:14px}.storybook-button--large .icon-left svg,.storybook-button--large .icon-right svg{width:18px;height:18px}.storybook-button--primary svg{color:#fff}