ne minor, a ebat fix

src/renderer/components/BonusShopItem.tsx

@@ -7,6 +7,7 @@ import {
   Typography,
   Button,
   CardMedia,
+  Divider,
 } from '@mui/material';
 import CoinsDisplay from './CoinsDisplay';
 
@@ -249,28 +250,30 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
             )}
           </Box>
 
+          <Divider sx={{background: 'rgba(160, 160, 160, 0.3)', borderRadius: '2vw'}}/>
+
           {!isBuyMode && onToggleActive && (
-            <Button
-              variant="outlined"
-              size="small"
-              onClick={onToggleActive}
-              disabled={disabled}
-              sx={{
-                mt: 0.5,
-                borderRadius: '2.5vw',
-                textTransform: 'none',
-                fontSize: '0.75rem',
-                px: 2,
-                borderColor: 'rgba(255,255,255,0.4)',
-                color: 'rgba(255,255,255,0.9)',
-                '&:hover': {
-                  borderColor: 'rgba(255,255,255,0.8)',
-                  background: 'rgba(255,255,255,0.05)',
-                },
-              }}
-            >
+              <Typography
+                onClick={onToggleActive}
+                sx={{
+                  mt: '1vw',
+                  fontFamily: 'Benzin-Bold',
+                  fontSize: '1vw',
+                  textTransform: 'uppercase',
+                  letterSpacing: '0.08em',
+                  cursor: 'pointer',
+                  backgroundImage:
+                  'linear-gradient(71deg, #F27121 0%, #E940CD 60%, #8A2387 100%)',
+                  WebkitBackgroundClip: 'text',
+                  WebkitTextFillColor: 'transparent',
+                  textShadow: '0 0 15px rgba(0,0,0,0.9)',
+                  '&:hover': {
+                    opacity: 1,
+                  },
+                }}
+              >
               {isActive ? 'Выключить' : 'Включить'}
-            </Button>
+            </Typography>
           )}
         </Box>