.filter-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#ffffff;font-size:16px;font-weight:600;padding:16px 20px;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 12px rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.filter-button:hover:before{left:100%}.filter-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.filter-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.3)}.filter-button:focus{box-shadow:0 0 0 3px rgba(59,130,246,.3),0 4px 12px rgba(59,130,246,.3)}.filter-button:disabled{color:#ffffff;cursor:not-allowed}.filter-button:disabled,.filter-button:disabled:hover{background:#9ca3af;box-shadow:none;transform:none}.filter-button.secondary{background:#ffffff;color:#3b82f6;border:2px solid #3b82f6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.filter-button.secondary:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb;box-shadow:0 4px 12px rgba(0,0,0,.15)}.filter-button.outline{background:transparent;color:#6b7280;border:1px solid #d1d5db;box-shadow:none}.filter-button.outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-button.small{padding:12px 24px;font-size:14px;min-height:44px}.filter-button.large{padding:20px 40px;font-size:18px;min-height:64px}.filter-button.fullWidth{width:100%}.filter-button-icon{width:18px;height:18px;flex-shrink:0}.filter-button.small .filter-button-icon{width:16px;height:16px}.filter-button.large .filter-button-icon{width:20px;height:20px}.filter-button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-button-loading{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.filter-button{padding:16px 24px;font-size:15px;min-height:52px}.filter-button.small{padding:12px 20px;font-size:13px;min-height:40px}.filter-button.large{padding:18px 32px;font-size:16px;min-height:56px}.filter-button-icon{width:16px;height:16px}.filter-button.small .filter-button-icon{width:14px;height:14px}.filter-button.large .filter-button-icon{width:18px;height:18px}}@media (max-width:480px){.filter-button{padding:14px 20px;font-size:14px;min-height:48px;gap:6px}.filter-button.small{padding:10px 16px;font-size:12px;min-height:36px}.filter-button.large{padding:16px 28px;font-size:15px;min-height:52px}.filter-button-icon{width:14px;height:14px}.filter-button.small .filter-button-icon{width:12px;height:12px}.filter-button.large .filter-button-icon{width:16px;height:16px}}