тключены эффекты hover для кнопок, чтобы избежать ложной анимации при касании и перемещении пальца на мобильных устройствах

src/components/blocks/SquareButton.module.css

@@ -53,16 +53,19 @@
   }
 }
 
+/* Отключаем эффекты hover
 .button:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   background-position: center;
 }
+*/
 
-/* Стиль для наведения на выбранную кнопку */
+/* Стиль для наведения на выбранную кнопку - отключен
 .selected:hover {
-  transform: none; /* Убираем эффект приподнятия */
+  transform: none;
 }
+*/
 
 .button:active {
   transform: translateY(1px);
@@ -137,16 +140,19 @@
   -webkit-perspective: 1000px;
 }
 
+/* Отключаем эффекты hover для иконок
 .button:hover .icon,
 .button:hover .iconImage {
   transform: scale(1.1);
 }
+*/
 
-/* Предотвращаем двойное увеличение иконки при наведении на выбранную кнопку */
+/* Предотвращаем двойное увеличение иконки при наведении на выбранную кнопку - отключено
 .selected:hover .icon,
 .selected:hover .iconImage {
-  transform: scale(1.1); /* Оставляем тот же масштаб */
+  transform: scale(1.1);
 }
+*/
 
 .content {
   display: flex;
@@ -206,6 +212,8 @@
   transition: opacity 0.2s ease;
 }
 
+/* Отключаем эффект hover для оверлея
 .button:hover::after {
   opacity: 1;
 }
+*/