фиксы, добавлены ссылки в футер

src/components/mainPart/mainPart.css

@@ -114,7 +114,8 @@
     cursor: pointer;
 }
 
-.main-part-text-button:hover {
+.main-part-text-button:hover,
+.main-part-text-button:active {
     background-color: #FFFFFF;
     color: #CE56C2;
     border: 2px solid #CE56C2;
@@ -304,6 +305,20 @@
     .plan-content-container {
         width: 482px;
     }
+
+    .main-part-text-button:hover {
+        background-color: #CE56C2;
+        color: #FFFFFF;
+        border: none;
+        transition: 0;
+    }
+
+    .main-part-text-button:active {
+        background-color: #FFFFFF;
+        color: #CE56C2 ;
+        border: none;
+        transition: 0;
+    }
 }
 
 @media screen and (max-width: 1024px) {
@@ -387,6 +402,4 @@
         line-height: 17px;
        
     }
-    
-    
 }

src/components/mainPart/pinkButton.tsx

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
+import { Style } from "util";
 
 type TProps = {
     textButton: string
@@ -8,8 +9,15 @@ type TProps = {
 }
 
 export const PinkButton:React.FC<TProps> = React.memo((props) => {
-    return <button
-        style={{width: props.width ? props.width : ''}}
+    const [styles, setStyles] = useState<React.CSSProperties>();
+    useEffect(() => {
+        setStyles({
+            // backgroundColor: '#CE56C2'
+        })
+    }, [])
+    return <button        
+        onMouseLeave={() => console.log('fuck')}
+        style={{width: props.width ? props.width : '', ...styles}}
         className="main-part-text-button"
         onClick={() => {
             return props?.onClick ? props.onClick() : null;