diff --git a/src/renderer/components/TopBar.tsx b/src/renderer/components/TopBar.tsx
index 62a8a53..e0a61ae 100644
--- a/src/renderer/components/TopBar.tsx
+++ b/src/renderer/components/TopBar.tsx
@@ -148,6 +148,10 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
               color: 'white',
               minWidth: 'unset',
               minHeight: 'unset',
+              transition: 'transform 0.3s ease',
+              '&:hover': {
+                transform: 'scale(1.2)',
+              },
             }}
           >
             <ArrowBackRoundedIcon />
@@ -284,19 +288,26 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
             variant="outlined"
             color="primary"
             onClick={() => logout()}
-          sx={{
-            width: '10em',
-            height: '3em',
-            borderRadius: '1.5vw',
-            color: 'white',
-            backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)',
-            border: 'unset',
-            '&:hover': {
-              backgroundImage: 'linear-gradient(to right, #6AA8EE, #EEA7DD)',
-            },
-            boxShadow: '0.5em 0.5em 0.5em 0px #00000040 inset',
-          }}
-        >
+            sx={{
+              width: '8em',
+              height: '3em',
+              borderRadius: '2.5vw',
+              fontFamily: 'Benzin-Bold',
+              fontSize: '0.9em',
+              background:
+                'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+              color: 'white',
+              border: 'none',
+              transition: 'transform 0.3s ease',
+              '&:hover': {
+                background:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                transform: 'scale(1.05)',
+                boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+              },
+              boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+            }}
+          >
             Выйти
           </Button>
         )}
@@ -345,20 +356,26 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
         )}
         {isLoginPage && (
           <Button
-            variant="outlined"
-            color="primary"
+            variant="contained"
             onClick={() => navigate('/registration')}
             sx={{
-              width: '10em',
+              width: '13em',
               height: '3em',
-              borderRadius: '1.5vw',
+              borderRadius: '2.5vw',
+              fontFamily: 'Benzin-Bold',
+              fontSize: '0.9em',
+              background:
+                'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
               color: 'white',
-              backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)',
-              border: 'unset',
+              border: 'none',
+              transition: 'transform 0.3s ease',
               '&:hover': {
-                backgroundImage: 'linear-gradient(to right, #6AA8EE, #EEA7DD)',
+                background:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                transform: 'scale(1.05)',
+                boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
               },
-              boxShadow: '0.5em 0.5em 0.5em 0px #00000040 inset',
+              boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
             }}
           >
             Регистрация
diff --git a/src/renderer/pages/LaunchPage.tsx b/src/renderer/pages/LaunchPage.tsx
index ec2c001..001bb49 100644
--- a/src/renderer/pages/LaunchPage.tsx
+++ b/src/renderer/pages/LaunchPage.tsx
@@ -400,7 +400,16 @@ const LaunchPage = ({
               width: 'auto', // ширина подстраивается
               borderRadius: '3vw',
               fontFamily: 'Benzin-Bold',
-              background: 'linear-gradient(90deg, #3B96FF 0%, #FFB7ED 100%)',
+              background:
+                'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+              transition: 'transform 0.3s ease',
+              '&:hover': {
+                background:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                transform: 'scale(1.05)',
+                boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+              },
+              boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
             }}
           >
             Запустить Minecraft
@@ -417,6 +426,13 @@ const LaunchPage = ({
               minHeight: 'unset',
               minWidth: 'unset',
               height: '100%', // занимает полную высоту родителя
+              transition: 'transform 0.3s ease',
+              '&:hover': {
+                background:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                transform: 'scale(1.05)',
+                boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+              },
             }}
             onClick={handleOpen}
           >
diff --git a/src/renderer/pages/VersionsExplorer.tsx b/src/renderer/pages/VersionsExplorer.tsx
index 899b45d..a9ddb1b 100644
--- a/src/renderer/pages/VersionsExplorer.tsx
+++ b/src/renderer/pages/VersionsExplorer.tsx
@@ -56,7 +56,7 @@ export const VersionCard: React.FC<VersionCardProps> = ({
         transition: 'transform 0.3s, box-shadow 0.3s, filter 0.3s',
         overflow: 'hidden',
         cursor: 'pointer',
-        filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)',
+        // filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
         transform: isHovered ? 'scale(1.03)' : 'scale(1)',
         zIndex: isHovered ? 10 : 1,
         '&:hover': {
@@ -232,7 +232,7 @@ export const VersionsExplorer = () => {
     <Card
       sx={{
         backgroundColor: 'rgba(30, 30, 50, 0.8)',
-        backdropFilter: 'blur(10px)',
+        // backdropFilter: 'blur(10px)',
         width: '35vw',
         height: '35vh',
         minWidth: 'unset',
@@ -246,8 +246,8 @@ export const VersionsExplorer = () => {
         justifyContent: 'center',
         alignItems: 'center',
         cursor: 'pointer',
-        filter:
-          hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)',
+        // filter:
+        //   hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
         transform: hoveredCardId === 'add' ? 'scale(1.03)' : 'scale(1)',
         zIndex: hoveredCardId === 'add' ? 10 : 1,
         '&:hover': {
@@ -300,7 +300,7 @@ export const VersionsExplorer = () => {
           left: 0,
           right: 0,
           bottom: 0,
-          backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)',
+          // backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
           transition: 'backdrop-filter 0.3s ease-in-out',
           zIndex: 5,
           pointerEvents: 'none',