@keyframes pulseScale { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.05); opacity: 1; } } @keyframes pulseRing { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } 50% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.3; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } } .floating-widget:hover .widget-bg { animation: none !important; } .floating-widget:hover .widget-content { transform: translate(-50%, -50%) scale(0.95) !important; background: transparent !important; } .floating-widget:hover .widget-text { transform: scale(1.05) !important; color: #00fff8 !important; } .floating-widget:hover .pulse-ring { animation: pulseRing 1.5s infinite !important; border-color: rgba(0, 255, 248, 0.8) !important; } .floating-widget:hover { transform: scale(1.15) !important; } /* Адаптивность */ @media (min-width: 1025px) { .floating-widget { width: 120px !important; height: 120px !important; bottom: 30px !important; right: 30px !important; } .widget-content { width: 90px !important; height: 90px !important; } .widget-text { font-size: 11px !important; padding: 10px !important; margin-top: 18px !important; } } @media (max-width: 1024px) and (min-width: 769px) { .floating-widget { width: 90px !important; height: 90px !important; bottom: 25px !important; right: 25px !important; } .widget-content { width: 70px !important; height: 70px !important; } .widget-text { font-size: 9px !important; padding: 7px !important; margin-top: 12px !important; } .floating-widget:hover { transform: scale(1.12) !important; } } @media (max-width: 768px) { .floating-widget { width: 80px !important; height: 80px !important; bottom: 15px !important; right: 15px !important; } .widget-content { width: 60px !important; height: 60px !important; } .widget-text { font-size: 8px !important; padding: 6px !important; letter-spacing: 0.5px !important; margin-top: 10px !important; } .pulse-ring { border-width: 1px !important; } .floating-widget:hover { transform: scale(1.1) !important; } } @media (max-width: 480px) { .floating-widget { width: 70px !important; height: 70px !important; bottom: 10px !important; right: 10px !important; } .widget-content { width: 55px !important; height: 55px !important; } .widget-text { font-size: 7px !important; padding: 5px !important; margin-top: 8px !important; } .floating-widget:hover { transform: scale(1.08) !important; } }