.notification-btn{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.notification-btn:hover{color:#4f46e5;background-color:#e0e7ff;border-color:#cbd5e1;transform:translateY(-1px)}.notification-btn:hover .notification-icon{animation:.6s bell-ring}.notification-badge{color:#fff;background-color:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #fff}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(4deg)}85%{transform:rotate(-4deg)}}