mtu change and btn size

src/components/shared/VpnControlButton.tsx

@@ -1,10 +1,5 @@
 import * as React from "react";
-import {
-  AnimatePresence,
-  motion,
-  SVGMotionProps,
-  Variants,
-} from "framer-motion";
+import { AnimatePresence, motion, SVGMotionProps } from "framer-motion";
 
 interface VpnButtonProps extends SVGMotionProps<SVGSVGElement> {
   theme?: "light" | "dark";
@@ -18,8 +13,6 @@ const VpnControlButton = ({
 }: VpnButtonProps) => {
   const isDark = theme === "dark";
 
-  // Константы цветов из твоей последней правки
-  const glassBase = isDark ? "#000" : "oklch(1 0 0)";
   const glassTop = isDark ? "#fff" : "oklch(0.987 0.002 197.1)";
   const strokeColor = isDark ? "#000" : "#E9E9E9";
   const powerOffColor = isDark ? "#161B1D" : "oklch(0.56 0.021 213.5)";
@@ -27,10 +20,12 @@ const VpnControlButton = ({
   return (
     <motion.svg
       xmlns="http://www.w3.org/2000/svg"
-      width={400}
-      height={350}
+      // Уменьшенные внешние размеры
+      width={280}
+      height={280}
       fill="none"
-      viewBox="0 0 400 350"
+      // Фокусируемся на области кнопки, убирая пустые поля по бокам
+      viewBox="65 38 270 270"
       style={{ cursor: "pointer", ...props.style }}
       whileTap={{ scale: 0.96 }}
       {...props}
@@ -338,7 +333,6 @@ const VpnControlButton = ({
           <stop offset={1} stopColor="#8200DB" stopOpacity={0.3} />
         </linearGradient>
 
-        {/* Обновленные фильтры с stdDeviation из твоей Figma */}
         <filter
           id="d"
           width={280}
@@ -422,8 +416,6 @@ const VpnControlButton = ({
         >
           <feGaussianBlur stdDeviation={2.5} />
         </filter>
-
-        {/* Вспомогательные градиенты для эффектов иконки */}
         <linearGradient
           id="p"
           x1={206.364}