:root{--btn-shine-color:var(--white-shine,hsla(0,0%,100%,.2));--gradient-accent:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);--radius-pill:500px}.app-modal-btn-danger,.app-modal-btn-primary,.btn-shine,.pill-btn,.pill-save-btn,.pill-toggle-btn,.settings-btn-primary{overflow:hidden;position:relative;&:before{background:linear-gradient(90deg,transparent,var(--btn-shine-color),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}&:hover:before{left:100%}}.btn-shine--accent{--btn-shine-color:var(--accent-shadow-light)}.action-btn.disabled,.action-btn:disabled,.data-grid-mobile-action-btn.disabled,.data-grid-mobile-action-btn:disabled{background:var(--gradient-accent);box-shadow:none;color:var(--white);cursor:not-allowed;opacity:.6;&:hover{background:var(--gradient-accent);color:var(--white)}}.data-grid-mobile-action-btn.disabled,.data-grid-mobile-action-btn:disabled{border-color:transparent;i{color:var(--white)}}.action-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:500px;box-shadow:0 3px 10px var(--accent-border),0 1px 3px var(--shadow-card);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:600;height:38px;justify-content:center;padding:0 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 5px 15px var(--accent-shadow-soft),0 2px 5px var(--shadow-card);color:var(--white);text-decoration:none}&.action-btn-pressed,&:active{box-shadow:inset 0 2px 4px var(--shadow-stronger),0 1px 2px var(--shadow-card);opacity:.9;outline:none}&:active{background:linear-gradient(135deg,var(--accent-shade) 0,var(--accent-shade-2) 100%)}&:focus{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);box-shadow:0 3px 10px var(--accent-border),0 0 0 3px var(--accent-border);outline:none}&.btn-outline-danger,&:focus{color:var(--white)}&.btn-outline-danger{background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);border:none;box-shadow:0 3px 10px var(--danger-shadow),0 1px 3px var(--shadow-card);&:hover{background:linear-gradient(135deg,var(--danger-hover) 0,var(--danger) 100%);box-shadow:0 5px 15px var(--danger-shadow),0 2px 5px var(--shadow-card)}&:active{background:linear-gradient(135deg,var(--danger-darker) 0,var(--danger-darkest) 100%)}&:focus{background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);box-shadow:0 3px 10px var(--danger-shadow),0 0 0 3px var(--danger-shadow);outline:none}}&.action-btn-pressed{box-shadow:inset 0 2px 4px var(--shadow-stronger),0 1px 2px var(--shadow-card);opacity:.9}&.action-btn-loading{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%)!important;border:none!important;box-shadow:0 3px 10px var(--accent-border),0 1px 3px var(--shadow-card)!important;color:var(--white)!important;cursor:default;opacity:.9;outline:none!important;pointer-events:none;.action-btn-spinner{margin-left:.5em}&.btn-outline-danger{background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%)!important;box-shadow:0 3px 10px var(--danger-shadow),0 1px 3px var(--shadow-card)!important}}}.app-modal-btn-danger,.app-modal-btn-primary,.pill-btn,.pill-save-btn,.pill-toggle-btn,.settings-btn-primary{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;justify-content:center;touch-action:manipulation;&:before{background:linear-gradient(90deg,transparent,var(--btn-shine-color,var(--white-shine,hsla(0,0%,100%,.2))),transparent)}& i{transition:transform .3s ease}}.pill-btn{background:var(--gradient-accent);border:none;box-shadow:0 4px 12px var(--accent-shadow-soft),0 2px 4px var(--shadow-card);color:var(--white);height:42px;padding:0 24px;white-space:nowrap;&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 6px 20px var(--accent-shadow-focus),0 4px 8px var(--shadow-strong)}&:focus{box-shadow:0 4px 12px var(--accent-shadow-soft),0 0 0 3px var(--accent-border);outline:none}&.danger{background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);&:hover{background:linear-gradient(135deg,var(--danger-hover) 0,var(--danger) 100%);box-shadow:0 6px 20px var(--danger-shadow),0 4px 8px var(--shadow-strong)}&:focus{box-shadow:0 4px 12px var(--danger-shadow),0 0 0 3px var(--danger-shadow)}}}.btn-group .pill-btn.dropdown-toggle:not(.dropdown-toggle-split),.btn-group .pill-btn:first-child{border-radius:var(--radius-pill)}.btn-group .pill-btn:only-child{border-radius:var(--radius-pill)!important}.btn-group .pill-btn.dropdown-toggle:not(.dropdown-toggle-split){min-width:220px;padding-right:36px;width:220px}.btn-group .pill-btn .pill-btn-caret{position:absolute;right:14px;transition:transform .2s ease}.btn-group .pill-btn[aria-expanded=true] .pill-btn-caret,.btn-group.show .pill-btn .pill-btn-caret{transform:rotate(180deg)}.btn-group .pill-btn.dropdown-toggle:after{display:none!important}.btn-group .pill-btn.dropdown-toggle-split{border-left:1px solid var(--white-overlay);border-radius:0 var(--radius-pill) var(--radius-pill) 0;padding:0 14px;&:focus,&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);border-left-color:var(--white-overlay)}}.app-dropdown:not(.topbar-account-menu) .pill-btn{background:var(--white);border:1px solid var(--border-color);box-shadow:none;color:var(--text-color);gap:8px;padding:0 36px 0 24px;&:before{display:none}&:hover{background:var(--white);border-color:var(--accent);box-shadow:none;color:var(--accent)}}.pill-action-btn,.pledge-action-item{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-color);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:14px;justify-content:space-between;margin-bottom:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%;& i{margin-right:8px}& i,&:hover{color:var(--accent)}&:hover{border-color:var(--accent)}&.danger{color:var(--danger);& i,&:hover{color:var(--danger)}&:hover{border-color:var(--danger)}}}.btn-group .dropdown-menu .pledge-action-item,.pledge-action-item{box-sizing:border-box;height:42px;margin-left:0;margin-right:0;min-height:42px;min-width:220px;padding:0 24px}.btn-group .dropdown-menu .pledge-action-item{justify-content:flex-start}.pill-save-btn{background:var(--gradient-accent);border:none;box-shadow:0 4px 12px var(--accent-shadow-soft),0 2px 4px var(--shadow-card);color:var(--white);gap:6px;height:40px;max-width:100%;min-width:0;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;& i{flex-shrink:0;font-size:14px}& span{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 6px 20px var(--accent-shadow-focus),0 4px 8px var(--shadow-strong)}&:active{background:linear-gradient(135deg,var(--accent-shade) 0,var(--accent-shade-2) 100%);box-shadow:inset 0 2px 4px var(--shadow-stronger),0 1px 2px var(--shadow-card);opacity:.9}&:focus{box-shadow:0 4px 12px var(--accent-shadow-soft),0 0 0 3px var(--accent-border);outline:none}&.saving{cursor:not-allowed;opacity:.7;pointer-events:none;& i{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}}}.pill-toggle-btn{background:var(--gradient-accent);border:none;border-radius:50%;box-shadow:0 4px 12px var(--accent-shadow-soft),0 2px 4px var(--shadow-card);color:var(--white);font-size:14px;height:36px;padding:8px;width:36px;&:hover{box-shadow:0 4px 12px var(--accent-shadow-soft)}&:active{background:linear-gradient(135deg,var(--accent-shade) 0,var(--accent-shade-2) 100%);box-shadow:inset 0 2px 4px var(--shadow-stronger),0 1px 2px var(--shadow-card);opacity:.9}}.app-modal-btn-danger,.app-modal-btn-danger-outline,.app-modal-btn-primary,.app-modal-btn-secondary{align-items:center;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;& i{transition:transform .3s ease}}.app-modal-btn-primary{background:var(--gradient-accent);border:none;box-shadow:0 4px 12px var(--accent-shadow-soft),0 2px 4px var(--shadow-card);color:var(--white);&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 6px 20px var(--accent-shadow-soft),0 4px 8px var(--shadow-card);& i{transform:translateX(-2px)}}&:active{box-shadow:inset 0 2px 4px var(--shadow-strong),0 1px 2px var(--shadow-card);opacity:.95}}.app-modal-btn-secondary,.settings-btn-secondary{background:var(--white);border:1px solid var(--border-color);color:var(--text-color);text-decoration:none;transition:all .2s ease;&:hover{border-color:var(--accent);color:var(--accent)}}.app-modal-btn-secondary.app-modal-btn-sm{font-size:13px;min-height:32px;padding:6px 14px}.app-modal-btn-danger{background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);border:none;color:var(--white);&:hover{background:linear-gradient(135deg,var(--danger-hover) 0,var(--danger) 100%);box-shadow:0 6px 20px var(--danger-shadow-strong),0 4px 8px var(--shadow-card);& i{transform:translateX(-2px)}}&:active{box-shadow:inset 0 2px 4px var(--shadow-stronger),0 1px 2px var(--shadow-card);opacity:.95}}.app-modal-btn-danger-outline{background:var(--white);border:1px solid var(--danger);color:var(--danger);transition:all .2s ease;&:hover{border-color:var(--danger-hover);color:var(--danger-hover);transform:translateX(2px)}}.settings-btn-primary{background:var(--gradient-accent);border:none;box-shadow:0 4px 12px var(--accent-shadow-soft),0 2px 4px var(--shadow-card);color:var(--white);gap:8px;padding:12px 24px;&:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 6px 20px var(--accent-shadow-soft),0 4px 8px var(--shadow-card)}}.settings-btn-secondary{-webkit-tap-highlight-color:transparent;justify-content:center;padding:12px 24px;touch-action:manipulation}.settings-btn-secondary,.settings-comm-history-btn,.settings-upload-btn{align-items:center;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px}.settings-comm-history-btn,.settings-upload-btn{background:var(--white);border:1px solid var(--accent);color:var(--text-color);height:40px;padding:0 16px;transition:all .2s ease;&:hover{background:var(--accent-tint-subtle);border-color:var(--accent);color:var(--accent)}}.settings-upload-btn{color:var(--accent);padding:10px 18px;&:hover{background:linear-gradient(135deg,var(--accent-tint-start) 0,var(--accent-tint-light) 100%)}&.loading{opacity:.9;pointer-events:none}}.settings-remove-btn{align-items:center;background:var(--danger);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background .2s ease;width:32px;&:hover{background:var(--danger-hover)}& i{font-size:14px}}.recent-pledges-view-all.pill-action-btn{flex-shrink:0;font-size:12px;line-height:1.4;margin-bottom:0;margin-left:12px;padding:4px 10px;text-align:center;text-decoration:none;width:auto;&:focus,&:hover{box-shadow:none;outline:none;text-decoration:none;transform:translateX(2px)}&:focus-visible{box-shadow:none;outline:none}& i{margin-right:4px}}.sidebar-content .pill-action-btn,.sidebar-content .pill-save-btn{font-size:clamp(11px,4.5cqw,14px);min-width:0;white-space:nowrap}.sidebar-content .pill-action-btn span,.sidebar-content .pill-save-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}

/*# sourceMappingURL=btn.css.map*/