.btn{--btn-fg: #fff;--btn-bg: transparent;--btn-bg-hover: transparent;--btn-ring: transparent;--btn-soft-bg: var(--color-gray-100);--btn-soft-fg: var(--color-gray-700);--btn-soft-bg-hover: var(--color-gray-200);--btn-ghost-fg: var(--color-gray-500);--btn-ghost-bg-hover: transparent;--btn-outline-fg: var(--color-gray-500);--btn-outline-border: var(--color-border);--btn-outline-fg-hover: var(--color-gray-500);--btn-outline-border-hover: var(--color-border);--btn-outline-bg-hover: transparent;display:inline-flex;align-items:center;border-radius:.25rem;border:1px solid transparent;font-weight:400;color:var(--btn-fg);box-shadow:0 1px 2px #0000000d;text-align:center;justify-content:center;gap:var(--spacing-1);cursor:pointer;transition:background-color .2s}.btn:focus{outline:none}.btn:focus:not(:disabled){box-shadow:0 0 0 3px var(--btn-ring)}.btn.btn-cta{border:none;background:linear-gradient(118deg,var(--color-brand-loveirish),#2ba7ff)}.btn.btn-cta:hover{background:linear-gradient(118deg,#00833f,#1f96eb)}.btn.btn-solid{background-color:var(--btn-bg);color:var(--btn-fg)}.btn.btn-solid:hover{background-color:var(--btn-bg-hover)}.btn.btn-soft{background-color:var(--btn-soft-bg);color:var(--btn-soft-fg)}.btn.btn-soft:hover{background-color:var(--btn-soft-bg-hover)}.btn.btn-ghost{box-shadow:none;color:var(--btn-ghost-fg)}.btn.btn-ghost:hover{background-color:var(--btn-ghost-bg-hover)}.btn.btn-outline{box-shadow:none;color:var(--btn-outline-fg);border:1px solid var(--btn-outline-border)}.btn.btn-outline:hover{color:var(--btn-outline-fg-hover);border-color:var(--btn-outline-border-hover);background-color:var(--btn-outline-bg-hover)}.btn.btn-primary{--btn-ring: var(--color-primary-200);--btn-bg: var(--color-dark-900);--btn-bg-hover: #000;--btn-soft-bg: var(--color-primary-200);--btn-soft-fg: var(--color-primary-700);--btn-soft-bg-hover: var(--color-primary-300);--btn-ghost-fg: var(--color-primary-700);--btn-ghost-bg-hover: var(--color-primary-100);--btn-outline-border: var(--color-primary-500);--btn-outline-fg-hover: var(--color-primary-700);--btn-outline-border-hover: var(--color-primary-800);--btn-outline-bg-hover: var(--color-primary-200)}.btn.btn-secondary{--btn-ring: var(--color-secondary-200);--btn-bg: var(--color-secondary-400);--btn-bg-hover: var(--color-secondary-600);--btn-soft-bg: var(--color-secondary-100);--btn-soft-fg: var(--color-secondary-700);--btn-soft-bg-hover: var(--color-secondary-200);--btn-ghost-fg: var(--color-secondary-700);--btn-ghost-bg-hover: var(--color-secondary-100);--btn-outline-fg: var(--color-secondary-500);--btn-outline-border: var(--color-secondary-300);--btn-outline-fg-hover: var(--color-secondary-700);--btn-outline-border-hover: var(--color-secondary-400);--btn-outline-bg-hover: var(--color-secondary-50)}.btn.btn-success{--btn-ring: var(--color-success-200);--btn-bg: var(--color-success);--btn-bg-hover: var(--color-success-700);--btn-soft-bg: var(--color-success-100);--btn-soft-fg: var(--color-success-700);--btn-soft-bg-hover: var(--color-success-200);--btn-ghost-fg: var(--color-success-700);--btn-ghost-bg-hover: var(--color-success-100);--btn-outline-fg: var(--color-success-500);--btn-outline-border: var(--color-success-500);--btn-outline-fg-hover: var(--color-success-700);--btn-outline-border-hover: var(--color-success-600);--btn-outline-bg-hover: var(--color-success-100)}.btn.btn-warning{--btn-ring: var(--color-warning-200);--btn-bg: var(--color-warning);--btn-bg-hover: var(--color-warning-700);--btn-soft-bg: var(--color-warning-100);--btn-soft-fg: var(--color-warning-700);--btn-soft-bg-hover: var(--color-warning-200);--btn-ghost-fg: var(--color-warning-700);--btn-ghost-bg-hover: var(--color-warning-100);--btn-outline-fg: var(--color-warning-500);--btn-outline-border: var(--color-warning-500);--btn-outline-fg-hover: var(--color-warning-600);--btn-outline-border-hover: var(--color-warning-600);--btn-outline-bg-hover: var(--color-warning-100)}.btn.btn-error{--btn-ring: var(--color-error-200);--btn-bg: var(--color-error);--btn-bg-hover: var(--color-error-700);--btn-soft-bg: var(--color-error-100);--btn-soft-fg: var(--color-error-700);--btn-soft-bg-hover: var(--color-error-200);--btn-ghost-fg: var(--color-error-700);--btn-ghost-bg-hover: var(--color-error-100);--btn-outline-fg: var(--color-error-500);--btn-outline-border: var(--color-error-500);--btn-outline-fg-hover: var(--color-error-700);--btn-outline-border-hover: var(--color-error-600);--btn-outline-bg-hover: var(--color-error-100)}.btn.btn-info{--btn-ring: var(--color-info-200);--btn-bg: var(--color-info);--btn-bg-hover: var(--color-info-700);--btn-soft-bg: var(--color-info-100);--btn-soft-fg: var(--color-info-700);--btn-soft-bg-hover: var(--color-info-200);--btn-ghost-fg: var(--color-info-700);--btn-ghost-bg-hover: var(--color-info-100);--btn-outline-fg: var(--color-info-500);--btn-outline-border: var(--color-info-500);--btn-outline-fg-hover: var(--color-info-700);--btn-outline-border-hover: var(--color-info-600);--btn-outline-bg-hover: var(--color-info-100)}.btn.btn-accent{--btn-ring: var(--color-accent-200);--btn-bg: var(--color-accent-100);--btn-fg: var(--color-accent-700);--btn-bg-hover: var(--color-accent-200);--btn-soft-bg: var(--color-accent-100);--btn-soft-fg: var(--color-accent-700);--btn-soft-bg-hover: var(--color-accent-200);--btn-ghost-fg: var(--color-accent-700);--btn-ghost-bg-hover: var(--color-accent-100);--btn-outline-fg: var(--color-accent-500);--btn-outline-border: var(--color-accent-500);--btn-outline-fg-hover: var(--color-accent-700);--btn-outline-border-hover: var(--color-accent-500);--btn-outline-bg-hover: var(--color-accent-100)}.dark .btn{--btn-soft-bg: var(--color-gray-800);--btn-soft-fg: var(--color-gray-100);--btn-soft-bg-hover: var(--color-gray-700);--btn-ghost-fg: var(--color-gray-300);--btn-ghost-bg-hover: var(--color-gray-800);--btn-outline-fg: var(--color-gray-300);--btn-outline-border: var(--color-gray-700);--btn-outline-fg-hover: var(--color-gray-100);--btn-outline-border-hover: var(--color-gray-600);--btn-outline-bg-hover: var(--color-gray-800)}.dark .btn-primary{--btn-ring: var(--color-primary-800);--btn-bg: var(--color-primary-500);--btn-fg: var(--color-dark-950);--btn-bg-hover: var(--color-primary-400);--btn-soft-bg: var(--color-primary-900);--btn-soft-fg: var(--color-primary-200);--btn-soft-bg-hover: var(--color-primary-800);--btn-ghost-fg: var(--color-primary-300);--btn-ghost-bg-hover: var(--color-primary-900);--btn-outline-fg: var(--color-primary-300);--btn-outline-border: var(--color-primary-600);--btn-outline-fg-hover: var(--color-primary-200);--btn-outline-border-hover: var(--color-primary-500);--btn-outline-bg-hover: var(--color-primary-900)}.dark .btn-secondary{--btn-ring: var(--color-secondary-800);--btn-bg: var(--color-secondary-500);--btn-fg: #fff;--btn-bg-hover: var(--color-secondary-400);--btn-soft-bg: var(--color-secondary-900);--btn-soft-fg: var(--color-secondary-200);--btn-soft-bg-hover: var(--color-secondary-800);--btn-ghost-fg: var(--color-secondary-300);--btn-ghost-bg-hover: var(--color-secondary-900);--btn-outline-fg: var(--color-secondary-300);--btn-outline-border: var(--color-secondary-600);--btn-outline-fg-hover: var(--color-secondary-100);--btn-outline-border-hover: var(--color-secondary-500);--btn-outline-bg-hover: var(--color-secondary-900)}.dark .btn-success{--btn-ring: var(--color-success-800);--btn-bg: var(--color-success-500);--btn-fg: #fff;--btn-bg-hover: var(--color-success-400);--btn-soft-bg: var(--color-success-900);--btn-soft-fg: var(--color-success-200);--btn-soft-bg-hover: var(--color-success-800);--btn-ghost-fg: var(--color-success-300);--btn-ghost-bg-hover: var(--color-success-900);--btn-outline-fg: var(--color-success-300);--btn-outline-border: var(--color-success-600);--btn-outline-fg-hover: var(--color-success-200);--btn-outline-border-hover: var(--color-success-500);--btn-outline-bg-hover: var(--color-success-900)}.dark .btn-warning{--btn-ring: var(--color-warning-800);--btn-bg: var(--color-warning-500);--btn-fg: var(--color-dark-950);--btn-bg-hover: var(--color-warning-400);--btn-soft-bg: var(--color-warning-900);--btn-soft-fg: var(--color-warning-200);--btn-soft-bg-hover: var(--color-warning-800);--btn-ghost-fg: var(--color-warning-300);--btn-ghost-bg-hover: var(--color-warning-900);--btn-outline-fg: var(--color-warning-300);--btn-outline-border: var(--color-warning-600);--btn-outline-fg-hover: var(--color-warning-200);--btn-outline-border-hover: var(--color-warning-500);--btn-outline-bg-hover: var(--color-warning-900)}.dark .btn-error{--btn-ring: var(--color-error-800);--btn-bg: var(--color-error-500);--btn-fg: #fff;--btn-bg-hover: var(--color-error-400);--btn-soft-bg: var(--color-error-900);--btn-soft-fg: var(--color-error-200);--btn-soft-bg-hover: var(--color-error-800);--btn-ghost-fg: var(--color-error-300);--btn-ghost-bg-hover: var(--color-error-900);--btn-outline-fg: var(--color-error-300);--btn-outline-border: var(--color-error-600);--btn-outline-fg-hover: var(--color-error-200);--btn-outline-border-hover: var(--color-error-500);--btn-outline-bg-hover: var(--color-error-900)}.dark .btn-info{--btn-ring: var(--color-info-800);--btn-bg: var(--color-info-500);--btn-fg: #fff;--btn-bg-hover: var(--color-info-400);--btn-soft-bg: var(--color-info-900);--btn-soft-fg: var(--color-info-200);--btn-soft-bg-hover: var(--color-info-800);--btn-ghost-fg: var(--color-info-300);--btn-ghost-bg-hover: var(--color-info-900);--btn-outline-fg: var(--color-info-300);--btn-outline-border: var(--color-info-600);--btn-outline-fg-hover: var(--color-info-200);--btn-outline-border-hover: var(--color-info-500);--btn-outline-bg-hover: var(--color-info-900)}.dark .btn-accent{--btn-ring: var(--color-accent-800);--btn-bg: var(--color-accent-900);--btn-fg: var(--color-accent-200);--btn-bg-hover: var(--color-accent-800);--btn-soft-bg: var(--color-accent-900);--btn-soft-fg: var(--color-accent-200);--btn-soft-bg-hover: var(--color-accent-800);--btn-ghost-fg: var(--color-accent-300);--btn-ghost-bg-hover: var(--color-accent-900);--btn-outline-fg: var(--color-accent-300);--btn-outline-border: var(--color-accent-600);--btn-outline-fg-hover: var(--color-accent-200);--btn-outline-border-hover: var(--color-accent-500);--btn-outline-bg-hover: var(--color-accent-900)}.btn.btn-xs{padding:var(--spacing-1) var(--spacing-2_5);font-size:.75rem;line-height:1rem;border-radius:.25rem}.btn.btn-sm{padding:var(--spacing-1_5) var(--spacing-3);font-size:.875rem;line-height:1.25rem}.btn,.btn.btn-md{padding:var(--spacing-2) var(--spacing-4)}.btn.btn-lg{padding:var(--spacing-2_5) var(--spacing-4);font-size:1rem;line-height:1.5rem}.btn.btn-xl{padding:var(--spacing-3) var(--spacing-6);font-size:1rem;line-height:1.5rem}:is(button,:scope.btn).disabled,:is(button,:scope.btn):disabled{opacity:.5;cursor:not-allowed}:is(button,:scope.btn).loading{pointer-events:all;cursor:wait}:is(button,:scope.btn).loading:hover{pointer-events:all}:is(button,:scope.btn).loading:before{height:.75em;width:.75em}