.base-btn{border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-base);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.base-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.base-btn:hover:before{left:100%}.base-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.base-btn:active{transform:translateY(0);transition:var(--transition-fast)}.base-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.btn-primary{background:var(--gradient-primary);color:var(--color-white);border-color:rgba(16,185,129,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary-darker) 100%);border-color:rgba(16,185,129,.5);box-shadow:0 8px 20px rgba(16,185,129,.3)}.btn-secondary{background:var(--gradient-blue);color:var(--color-white);border-color:rgba(59,130,246,.3)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-blue-dark) 0,var(--color-blue-darker) 100%);border-color:rgba(59,130,246,.5);box-shadow:0 8px 20px rgba(59,130,246,.3)}.btn-purple{background:var(--gradient-purple);color:var(--color-white);border-color:rgba(139,92,246,.3)}.btn-purple:hover{background:linear-gradient(135deg,var(--color-purple-dark) 0,var(--color-purple-darker) 100%);border-color:rgba(139,92,246,.5);box-shadow:0 8px 20px rgba(139,92,246,.3)}.btn-danger{background:var(--gradient-red);color:var(--color-white);border-color:rgba(239,68,68,.3)}.btn-danger:hover{background:linear-gradient(135deg,var(--color-red-dark) 0,var(--color-red-darker) 100%);border-color:rgba(239,68,68,.5);box-shadow:0 8px 20px rgba(239,68,68,.3)}.btn-sm{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--text-sm);height:32px}.btn-md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);height:44px}.btn-lg{padding:var(--spacing-xl) var(--spacing-2xl);font-size:var(--text-lg);height:52px}.filter-btn{margin:0!important;border-radius:var(--radius-md);font-size:var(--text-sm);height:auto;padding:var(--spacing-xs) var(--spacing-base);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);transition:var(--transition-base);box-shadow:none}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px rgba(16,185,129,.3)}.filter-btn:disabled{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-white)!important;cursor:default;transform:none!important;box-shadow:none!important}.icon-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:rgba(249,250,251,.8);border:1px solid var(--color-gray-200);color:var(--color-gray-600);transition:var(--transition-base)}.icon-btn:hover{background:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-800);transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-btn.danger:hover{color:var(--color-red-dark);background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}@media (max-width:var(--breakpoint-tablet )){.btn-md{height:44px;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg)}.icon-btn{width:44px;height:44px;touch-action:manipulation}.filter-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}