.sn-e-c-btn{align-items:center;background-color:var(--_bg-color);border-color:var(--_border-color);border-width:var(--_border-width);color:var(--_color);cursor:var(--_cursor);display:inline-flex;font-size:var(--_font-size);font-weight:var(--_font-weight);gap:var(--_icon-gap);letter-spacing:var(--_letter-spacing);line-height:var(--_line-height);outline-color:transparent;padding:var(--_pt) var(--_pr) var(--_pb) var(--_pl);position:relative;-webkit-text-decoration:var(--_text-decoration);text-decoration:var(--_text-decoration)}.sn-e-c-btn .btn__icon{align-items:center;display:flex;justify-content:center}a:where(.sn-e-c-btn):hover{background-color:var(--_bg-color-hover)}button:where(.sn-e-c-btn):hover:enabled{background-color:var(--_bg-color-hover)}button:where(.sn-e-c-btn):disabled,button[disabled]:where(.sn-e-c-btn){--_color:var(--gray-50);--_border-color:var(--gray-200);cursor:not-allowed}.btn--focus:focus:where(.sn-e-c-btn){outline-offset:var(--_ring-offset);outline-style:var(--_ring-style);outline-width:var(--_ring-width)}.btn--outlined:where(.sn-e-c-btn){background-color:var(--white)}.btn--rounded:where(.sn-e-c-btn){border-radius:var(--_rounded-border-radius)}.btn--circle:where(.sn-e-c-btn){border-radius:50%;padding:var(--_circle-p)}.btn--border-solid:where(.sn-e-c-btn){border-style:solid}.btn--border-dashed:where(.sn-e-c-btn){border-style:dashed}.btn--border-dotted:where(.sn-e-c-btn){border-style:dotted}.btn--border-double:where(.sn-e-c-btn){border-style:double}.btn--border-hidden:where(.sn-e-c-btn){border-style:hidden}.btn--border-none:where(.sn-e-c-btn){border-style:none}.btn--xs:where(.sn-e-c-btn){--_font-size:var(--_font-size-xs);--_font-weight:var(--_font-weight-xs);--_line-height:var(--_line-height-xs);--_letter-spacing:var(--_letter-spacing-xs)}.btn--sm:where(.sn-e-c-btn){--_font-size:var(--_font-size-sm);--_font-weight:var(--_font-weight-sm);--_line-height:var(--_line-height-sm);--_letter-spacing:var(--_letter-spacing-sm)}.btn--base:where(.sn-e-c-btn){--_font-size:var(--_font-size-base);--_font-weight:var(--_font-weight-base);--_line-height:var(--_line-height-base);--_letter-spacing:var(--_letter-spacing-base)}.btn--lg:where(.sn-e-c-btn){--_font-size:var(--_font-size-lg);--_font-weight:var(--_font-weight-lg);--_line-height:var(--_line-height-lg);--_letter-spacing:var(--_letter-spacing-lg)}.btn--xl:where(.sn-e-c-btn){--_font-size:var(--_font-size-xl);--_font-weight:var(--_font-weight-xl);--_line-height:var(--_line-height-xl);--_letter-spacing:var(--_letter-spacing-xl)}.btn--full:where(.sn-e-c-btn){align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.btn--default:where(.sn-e-c-btn){--_color:var(--_default-color);--_bg-color:var(--_default-bg-color);--_border-color:var(--_default-border-color)}.btn--default:where(.sn-e-c-btn):hover,.btn--default:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_default-bg-color-hover)}.btn--default:where(.sn-e-c-btn):focus{outline-color:var(--_default-ring-color)}.btn--default:where(.sn-e-c-btn):disabled,.btn--default[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_default-disabled-bg-color);color:var(--gray-700)}.btn--default-focus:focus:where(.sn-e-c-btn){--_ring-color:var(--ring-color,var(--zync-300));outline-color:var(--ring-color,var(--zync-300));outline-color:var(--_ring-color)}.btn--default-outlined:where(.sn-e-c-btn){--_color:var(--_default-outlined-color);--_border-color:var(--_default-outlined-border-color)}.btn--default-outlined:where(.sn-e-c-btn):hover,.btn--default-outlined:where(.sn-e-c-btn):hover:enabled{background-color:var(--_default-outlined-bg-hover)}.btn--default-outlined:where(.sn-e-c-btn):disabled,.btn--default-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_default-outlined-color)}.btn--primary:where(.sn-e-c-btn){--_color:var(--_primary-color);--_bg-color:var(--_primary-bg-color);--_border-color:var(--_primary-border-color)}.btn--primary:where(.sn-e-c-btn):hover,.btn--primary:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_primary-bg-color-hover)}.btn--primary:where(.sn-e-c-btn):focus{outline-color:var(--_primary-ring-color)}.btn--primary:where(.sn-e-c-btn):disabled,.btn--primary[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_primary-disabled-bg-color)}.btn--primary-focus:focus:where(.sn-e-c-btn){outline-color:var(--_primary-ring-color)}.btn--primary-outlined:where(.sn-e-c-btn){--_color:var(--_primary-outlined-color);--_border-color:var(--_primary-outlined-border-color)}.btn--primary-outlined:where(.sn-e-c-btn):hover,.btn--primary-outlined:where(.sn-e-c-btn):hover:enabled{background-color:var(--_primary-outlined-bg-hover)}.btn--primary-outlined:where(.sn-e-c-btn):disabled,.btn--primary-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_primary-outlined-color)}.btn--secondary:where(.sn-e-c-btn){--_color:var(--_secondary-color);--_bg-color:var(--_secondary-bg-color);--_border-color:var(--_secondary-border-color)}.btn--secondary:where(.sn-e-c-btn):hover,.btn--secondary:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_secondary-bg-color-hover)}.btn--secondary:where(.sn-e-c-btn):focus{outline-color:var(--_secondary-ring-color)}.btn--secondary:where(.sn-e-c-btn):disabled,.btn--secondary[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_secondary-disabled-bg-color)}.btn--secondary-focus:focus:where(.sn-e-c-btn){outline-color:var(--_secondary-ring-color)}.btn--secondary-outlined:where(.sn-e-c-btn){--_color:var(--_secondary-outlined-color);--_border-color:var(--_secondary-outlined-border-color)}.btn--secondary-outlined:where(.sn-e-c-btn):hover,.btn--secondary-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_secondary-outlined-bg-hover)}.btn--secondary-outlined:where(.sn-e-c-btn):disabled,.btn--secondary-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_secondary-outlined-color)}.btn--success:where(.sn-e-c-btn){--_color:var(--_success-color);--_bg-color:var(--_success-bg-color);--_border-color:var(--_success-border-color)}.btn--success:where(.sn-e-c-btn):hover,.btn--success:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_success-bg-color-hover)}.btn--success:where(.sn-e-c-btn):focus{outline-color:var(--_success-ring-color)}.btn--success:where(.sn-e-c-btn):disabled,.btn--success[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_success-disabled-bg-color)}.btn--success-focus:focus:where(.sn-e-c-btn){outline-color:var(--_success-ring-color)}.btn--success-outlined:where(.sn-e-c-btn){--_color:var(--_success-outlined-color);--_border-color:var(--_success-outlined-border-color)}.btn--success-outlined:where(.sn-e-c-btn):hover,.btn--success-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_success-outlined-bg-hover)}.btn--success-outlined:where(.sn-e-c-btn):disabled,.btn--success-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_success-outlined-color)}.btn--error:where(.sn-e-c-btn){--_color:var(--_error-color);--_bg-color:var(--_error-bg-color);--_border-color:var(--_error-border-color)}.btn--error:where(.sn-e-c-btn):hover,.btn--error:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_error-bg-color-hover)}.btn--error:where(.sn-e-c-btn):focus{outline-color:var(--_error-ring-color)}.btn--error:where(.sn-e-c-btn):disabled,.btn--error[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_error-disabled-bg-color)}.btn--error-focus:focus:where(.sn-e-c-btn){outline-color:var(--_error-ring-color)}.btn--error-outlined:where(.sn-e-c-btn){--_color:var(--_error-outlined-color);--_border-color:var(--_error-outlined-border-color)}.btn--error-outlined:where(.sn-e-c-btn):hover,.btn--error-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_error-outlined-bg-hover)}.btn--error-outlined:where(.sn-e-c-btn):disabled,.btn--error-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_error-outlined-color)}.btn--warning:where(.sn-e-c-btn){--_color:var(--_warning-color);--_bg-color:var(--_warning-bg-color);--_border-color:var(--_warning-border-color)}.btn--warning:where(.sn-e-c-btn):hover,.btn--warning:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_warning-bg-color-hover)}.btn--warning:where(.sn-e-c-btn):focus{outline-color:var(--_warning-ring-color)}.btn--warning:where(.sn-e-c-btn):disabled,.btn--warning[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_warning-disabled-bg-color)}.btn--warning-focus:focus:where(.sn-e-c-btn){outline-color:var(--_warning-ring-color)}.btn--warning-outlined:where(.sn-e-c-btn){--_color:var(--_warning-outlined-color);--_border-color:var(--_warning-outlined-border-color)}.btn--warning-outlined:where(.sn-e-c-btn):hover,.btn--warning-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_warning-outlined-bg-hover)}.btn--warning-outlined:where(.sn-e-c-btn):disabled,.btn--warning-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_warning-outlined-color)}.btn--info{--_color:var(--_info-color);--_bg-color:var(--_info-bg-color);--_border-color:var(--_info-border-color)}.btn--info:hover,.btn--info:hover:enabled{--_bg-color-hover:var(--_info-bg-color-hover)}.btn--info:focus{outline-color:var(--_info-ring-color)}.btn--info:disabled,.btn--info[disabled]{--_bg-color:var(--_info-disabled-bg-color)}.btn--info-focus:focus:where(.sn-e-c-btn){outline-color:var(--_info-ring-color)}.btn--info-outlined:where(.sn-e-c-btn){--_color:var(--_info-outlined-color);--_border-color:var(--_info-outlinted-border-color)}.btn--info-outlined:where(.sn-e-c-btn):hover,.btn--info-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_info-outlined-bg-hover)}.btn--info-outlined:where(.sn-e-c-btn):disabled,.btn--info-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_info-outlined-color)}.btn--light:where(.sn-e-c-btn){--_color:var(--_light-color);--_bg-color:var(--_light-bg-color);--_border-color:var(--_light-border-color)}.btn--light:where(.sn-e-c-btn):hover,.btn--light:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_light-bg-color-hover)}.btn--light:where(.sn-e-c-btn):focus{outline-color:var(--_light-ring-color)}.btn--light:where(.sn-e-c-btn):disabled,.btn--light[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_light-disabled-bg-color)}.btn--light-focus:focus:where(.sn-e-c-btn){outline-color:var(--_light-ring-color)}.btn--light-outlined:where(.sn-e-c-btn){--_color:var(--_light-outlined-color);--_border-color:var(--_light-outlined-border-color)}.btn--light-outlined:where(.sn-e-c-btn):hover,.btn--light-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_light-outlined-bg-hover)}.btn--light-outlined:where(.sn-e-c-btn):disabled,.btn--light-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_light-outlined-color)}.btn--dark:where(.sn-e-c-btn){--_color:var(--_dark-color);--_bg-color:var(--_dark-bg-color);--_border-color:var(--_dark-border-color)}.btn--dark:where(.sn-e-c-btn):hover,.btn--dark:where(.sn-e-c-btn):hover:hover{--_bg-color-hover:var(--_dark-bg-color-hover)}.btn--dark:where(.sn-e-c-btn):focus{outline-color:var(--_dark-ring-color)}.btn--dark:where(.sn-e-c-btn):disabled,.btn--dark[disabled]:where(.sn-e-c-btn){--_bg-color:var(--_dark-disabled-bg-color)}.btn--dark-focus:focus:where(.sn-e-c-btn){outline-color:var(--_dark-ring-color)}.btn--dark-outlined:where(.sn-e-c-btn){--_color:var(--_dark-outlined-color);--_border-color:var(--_dark-outlined-border-color)}.btn--dark-outlined:where(.sn-e-c-btn):hover,.btn--dark-outlined:where(.sn-e-c-btn):hover:enabled{--_bg-color-hover:var(--_dark-outlined-bg-hover)}.btn--dark-outlined:where(.sn-e-c-btn):disabled,.btn--dark-outlined[disabled]:where(.sn-e-c-btn){--_color:var(--_dark-outlined-color)}