.button{display:inline-flex;align-items:center;gap:.5rem;padding:9px 16px;border-radius:8px;font-family:inherit;font-weight:500;font-size:1rem;cursor:pointer;text-decoration:none;border:none;transition:all .3s ease-in-out}.button:active{transform:scale(.98)}.button-icon{display:flex;align-items:center;justify-content:center}.button-icon img,.button-icon svg{width:20px;height:20px}.button-text{white-space:nowrap}.button-primary{background:rgba(255,255,255,.5);color:#ffffff;border:none;position:relative;overflow:hidden}.button-primary:before{border-radius:8px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;z-index:1}.button-primary:after,.button-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--secondary-color) 0,var(--primary-color) 100%);transition:opacity .3s ease-in-out}.button-primary:after{opacity:1;z-index:0}.button-primary:hover:before{opacity:1}.button-primary:hover:after{opacity:0}.button-primary:hover{color:var(--primary-color)}.button-primary .button-icon,.button-primary .button-text{position:relative;z-index:2;transition:color .3s ease-in-out}.button-secondary{background:rgba(255,255,255,.5);color:var(--primary-color);position:relative;overflow:hidden}.button-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;transition:background .3s ease-in-out}.button-secondary:after,.button-secondary:before,.button-secondary:hover:before{background:linear-gradient(90deg,var(--secondary-color) 0,var(--primary-color) 100%)}.button-secondary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease-in-out;z-index:0}.button-secondary:hover:after{opacity:1}.button-secondary:hover{color:#ffffff}.button-secondary .button-icon,.button-secondary .button-text{position:relative;z-index:2;transition:color .3s ease-in-out}.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-variant-add-outline{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:12px 16px!important;font-family:Poppins,sans-serif!important;font-weight:500!important;font-size:15px!important;line-height:22px!important;color:var(--primary-color)!important;background:var(--background)!important;border:1px solid var(--button-outline-border)!important;border-radius:8px!important;overflow:visible!important;z-index:0}.button-variant-add-outline:after,.button-variant-add-outline:before{display:none!important}.button-variant-add-outline:hover:not(:disabled){background:var(--button-outline-hover-bg)!important;border-color:var(--secondary-color)!important;color:var(--primary-color)!important}.button-variant-add-outline .button-icon,.button-variant-add-outline .button-icon svg{stroke:currentColor!important;flex-shrink:0!important}.button-variant-add-outline .button-text{color:inherit!important}.button-variant-add-outline-large{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:16px 24px!important;font-family:Poppins,sans-serif!important;font-weight:500!important;font-size:16px!important;line-height:24px!important;color:var(--foreground)!important;background:var(--background)!important;border:2px solid var(--button-outline-border)!important;border-radius:12px!important;overflow:visible!important}.button-variant-add-outline-large:after,.button-variant-add-outline-large:before{display:none!important}.button-variant-add-outline-large:hover:not(:disabled){border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(0,80,108,.12)!important;transform:translateY(-2px)!important}.button-variant-add-outline-large:active:not(:disabled){transform:translateY(0)!important}.button-variant-add-outline-large .button-icon,.button-variant-add-outline-large .button-icon svg{flex-shrink:0!important}.button-variant-add-outline-large .button-text{color:inherit!important}.button-variant-add-gradient{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:16px 24px!important;font-family:Poppins,sans-serif!important;font-weight:500!important;font-size:16px!important;line-height:24px!important;color:var(--background)!important;background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%)!important;border:none!important;border-radius:12px!important}.button-variant-add-gradient:after,.button-variant-add-gradient:before{display:none!important}.button-variant-add-gradient:hover:not(:disabled){box-shadow:0 6px 16px rgba(0,80,108,.3)!important;transform:translateY(-2px)!important}.button-variant-add-gradient:active:not(:disabled){transform:translateY(0)!important}.button-variant-add-gradient .button-icon,.button-variant-add-gradient .button-text{color:inherit!important}.button-variant-trigger-outline{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:16px 24px!important;font-family:Poppins,sans-serif!important;font-weight:500!important;font-size:16px!important;line-height:24px!important;color:var(--foreground)!important;background:var(--background)!important;border:2px solid var(--button-outline-border)!important;border-radius:12px!important;overflow:visible!important}.button-variant-trigger-outline:after,.button-variant-trigger-outline:before{display:none!important}.button-variant-trigger-outline:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(0,80,108,.12)!important;transform:translateY(-2px)!important;color:var(--foreground)!important}.button-variant-trigger-outline .button-icon,.button-variant-trigger-outline .button-icon svg{flex-shrink:0!important}.button-variant-trigger-outline .button-text{color:inherit!important}