.hover-svg-purple {
  transition: filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* анимируем оба свойства */
}

.hover-svg-purple:hover {
  filter: brightness(0) saturate(100%) invert(22%) sepia(97%) saturate(6847%) hue-rotate(280deg) brightness(101%) contrast(106%);
  transform: translateY(-20px); /* сдвиг вверх на 20px */
}



.hover-logo {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* анимируем оба свойства */
}

.hover-logo:hover {
   transform: scale(1.2); /* увеличение на 20% */
}

.hover-radar {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* анимируем оба свойства */
}

.hover-radar:hover {
   transform: scale(1.2); /* увеличение на 20% */
}