.custom-button{--button-bg:#ec7000;--button-color:#fff;--button-border:#ec7000;--button-hover-bg:#d86400;--button-hover-border:#d86400;--button-active-bg:#a85000;--button-active-border:#a85000;--button-focus-shadow:rgba(236,112,0,0.15);--button-focus-ring-size:0.15rem;--button-focus-bg:var(--button-bg);--button-focus-border:var(--button-border);--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d;--button-height:40px;--button-padding-x:16px;--button-font-size:14px;--button-radius:0.375rem;--button-gap:8px;min-height:var(--button-height);height:var(--button-height);padding:0 var(--button-padding-x);border:1px solid var(--button-border);border-radius:var(--button-radius);background-color:var(--button-bg);color:var(--button-color);display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);font-size:var(--button-font-size);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:all .2s ease;outline:none;box-shadow:none;text-decoration:none;&.variant-orange{--button-bg:#ec7000;--button-color:#fff;--button-border:#ec7000;--button-hover-bg:#d76600;--button-hover-border:#d76600;--button-active-bg:#a85000;--button-active-border:#a85000;--button-focus-bg:#ec7000;--button-focus-border:#f6bd8a;--button-focus-shadow:#f6bd8a;--button-focus-ring-size:0.15rem;--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-soft-orange{--button-bg:#fdf1e6;--button-color:#ec7000;--button-border:#ec7000;--button-hover-bg:#f9d3b0;--button-hover-border:#f9d3b0;--button-active-bg:#f6bd8a;--button-active-border:#f6bd8a;--button-focus-bg:#fdf1e6;--button-focus-border:#fdf1e6;--button-focus-shadow:#f6bd8a;--button-focus-ring-size:4px;--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-blue{--button-bg:#3d5793;--button-color:#fff;--button-border:#3d5793;--button-hover-bg:#324878;--button-hover-border:#324878;--button-active-bg:#25365b;--button-active-border:#25365b;--button-focus-shadow:rgba(61,87,147,0.15);--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-soft-blue{--button-bg:#eef2f8;--button-color:#3d5793;--button-border:#eef2f8;--button-hover-bg:#d6dfef;--button-hover-border:#d6dfef;--button-active-bg:#becde6;--button-active-border:#becde6;--button-focus-bg:#eef2f8;--button-focus-border:#eef2f8;--button-focus-shadow:#becde6;--button-focus-ring-size:4px;--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-light{--button-bg:#f8f9fa;--button-color:#212529;--button-border:#ced4da;--button-hover-bg:#e9ecef;--button-hover-border:#ced4da;--button-active-bg:#dde2e6;--button-active-border:#c6ccd2;--button-focus-bg:#f8f9fa;--button-focus-border:#ced4da;--button-focus-shadow:rgba(108,117,125,0.15);--button-focus-ring-size:0.15rem;--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-outline{--button-bg:#fff;--button-color:#ec7000;--button-border:#ec7000;--button-hover-bg:#fff3e6;--button-hover-border:#ec7000;--button-active-bg:#ffe2c2;--button-active-border:#d86400;--button-focus-bg:#fff;--button-focus-border:#ec7000;--button-focus-shadow:rgba(236,112,0,0.15);--button-focus-ring-size:0.15rem;--button-disabled-bg:#e9ecef;--button-disabled-border:#dee2e6;--button-disabled-color:#6c757d}&.variant-ghost{--button-bg:transparent;--button-color:#495057;--button-border:transparent;--button-hover-bg:#f1f3f5;--button-hover-border:transparent;--button-active-bg:#e2e6ea;--button-active-border:transparent;--button-focus-bg:transparent;--button-focus-border:transparent;--button-focus-shadow:rgba(108,117,125,0.15);--button-focus-ring-size:0.15rem;--button-disabled-bg:transparent;--button-disabled-border:transparent;--button-disabled-color:#adb5bd}&.size-34{--button-height:32px;--button-padding-x:12px;--button-font-size:14px;--button-svg-size:14px;--button-gap:6px}&.size-36{--button-height:36px;--button-padding-x:12px;--button-font-size:14px;--button-svg-size:14px;--button-gap:6px}&.size-40{--button-height:40px;--button-padding-x:16px;--button-font-size:14px;--button-svg-size:14px;--button-gap:8px}&.size-44{--button-height:44px;--button-padding-x:18px;--button-font-size:16px;--button-svg-size:16px;--button-gap:8px}&:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-border)}&:focus,&:focus-visible{outline:none;box-shadow:0 0 0 var(--button-focus-ring-size) var(--button-focus-shadow);background-color:var(--button-focus-bg);border-color:var(--button-focus-border)}&:active{background-color:var(--button-active-bg);border-color:var(--button-active-border);transform:translateY(0)}&.full-width{width:100%}&.disabled,&:disabled{background-color:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--button-disabled-color);cursor:not-allowed;box-shadow:none;&:active,&:focus,&:focus-visible,&:hover{background-color:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--button-disabled-color);box-shadow:none;transform:none}}&.is-loading{cursor:wait;opacity:.85}.button-content{display:inline-flex;align-items:center;justify-content:center}.button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;&.left,&.right{font-size:var(--button-font-size);font-weight:600}svg{width:var(--button-svg-size);height:var(--button-svg-size)}}}