:root{--btn-navy-primary:#101828;--btn-navy-hover:#1d2939;--btn-cream-light:#fdfdf5;--btn-cream:#f3f4c0;--btn-cream-hover:#eaebac;--btn-white:#fff;--btn-gray:#374151;--btn-gray-light:#f3f4f6;--btn-red:#dc2626;--btn-red-hover:#b91c1c;--btn-shadow-sm:0 1px 2px 0 #0000000d;--btn-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--btn-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--btn-transition:all .2s ease-in-out;--btn-radius-default:9999px;--btn-radius-small:.5rem;--btn-icon-spacing:1px}.btn{white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--btn-transition);letter-spacing:-.02em;border-radius:var(--btn-radius-default);border:3px solid #0000;outline:none;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-weight:400;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn .button-text{justify-content:center;align-items:center;display:inline-flex}.btn .button-icon{transition:var(--btn-transition);justify-content:center;align-items:center;display:inline-flex}.btn .button-icon:empty{margin-left:0;display:none}.btn:disabled,.btn[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--btn-navy-primary);outline-offset:2px}.btn-xs .button-text{padding:.375rem .75rem;font-size:.75rem;line-height:1rem}.btn-sm .button-text{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.btn-sm .button-icon{width:36px;height:36px}.btn-md .button-text{padding:.625rem 1.5rem;font-size:.875rem;line-height:1.25rem}.btn-md .button-icon{width:40px;height:40px}.btn-lg .button-text{padding:.75rem 2rem;font-size:1rem;line-height:1.5rem}.btn-lg .button-icon{width:44px;height:44px}.btn-xl .button-text{width:calc(100% - 48px);padding:16px 20px;font-size:18px;line-height:18px}.btn-xl .button-icon{width:48px;height:48px}.btn-full{width:100%}.btn-full .button-text{text-align:center;justify-content:center;width:calc(100% - 48px)}.btn-primary{border-color:var(--btn-navy-primary);box-shadow:var(--btn-shadow-md);background-color:var(--btn-navy-primary);box-shadow:inset -20px 0 32px #f2ff8e,inset 20px 0 #f2ff8e00,0 1px 3px #0000002e,0 4px 8px #00000026}.btn-primary .button-text{background-color:var(--btn-navy-primary);color:var(--btn-white);border-radius:var(--btn-radius-default)}.btn-primary:hover{background-color:var(--btn-navy-hover);border-color:var(--btn-navy-hover);box-shadow:inset -20px 0 32px 4px #f2ff8e,inset 20px 0 #f2ff8e00,0 1px 3px #0000002e,0 4px 8px #00000026}.btn-primary .button-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--btn-navy-primary);background-color:#ffffff80;border-radius:50%}.btn-primary:hover .button-icon{background-color:#fffc}.btn-secondary{background-color:var(--btn-white);color:var(--btn-navy-primary);border:2px solid var(--btn-navy-primary);box-shadow:none;padding-left:2rem;padding-right:2rem}.btn-secondary:hover{background-color:var(--btn-cream-light);box-shadow:var(--btn-shadow-sm)}.btn-accent{background-color:var(--btn-cream);color:var(--btn-navy-primary);border-color:var(--btn-navy-primary);box-shadow:var(--btn-shadow-sm)}.btn-accent:hover{background-color:var(--btn-cream-hover);box-shadow:var(--btn-shadow-md)}.btn-ghost{color:var(--btn-gray);border-radius:var(--btn-radius-small);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--btn-gray-light);color:var(--btn-navy-primary)}.btn-destructive{background-color:var(--btn-red);color:var(--btn-white);border-color:var(--btn-red);border-radius:var(--btn-radius-small)}.btn-destructive:hover{background-color:var(--btn-red-hover);border-color:var(--btn-red-hover)}
