diff --git a/src/components/blocks/SquareButton.module.css b/src/components/blocks/SquareButton.module.css index c5491eb..df2f9ad 100644 --- a/src/components/blocks/SquareButton.module.css +++ b/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; } +*/