From 0d92f98cf403867e70fbe0fbe87176462f80c1b3 Mon Sep 17 00:00:00 2001
From: Samoina <samoina.w@gmail.com>
Date: Wed, 11 Dec 2024 13:05:30 +0300
Subject: [PATCH] chore: adjust spacing around the blur ellipse image in the
 FooterCTA

---
 src/routes/-components/Footer.tsx    | 2 +-
 src/routes/-components/FooterCTA.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
index f875ca4..c6821c6 100644
--- a/src/routes/-components/Footer.tsx
+++ b/src/routes/-components/Footer.tsx
@@ -5,7 +5,7 @@ import { Link } from "@tanstack/react-router";
 
 export default function Footer() {
   return (
-    <footer className="mt-8 pl-4" data-test="Footer">
+    <footer className="mt-8 pl-4 md:mt-48 lg:mt-96" data-test="Footer">
       <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
         <div className="flex items-center justify-start gap-4">
           {/* Social Icons */}
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
index 52a5967..9724da7 100644
--- a/src/routes/-components/FooterCTA.tsx
+++ b/src/routes/-components/FooterCTA.tsx
@@ -6,7 +6,7 @@ export const FooterCTA = () => {
   return (
     <div
       data-test="FooterCTA"
-      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]"
+      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 md:p-10 lg:flex lg:flex-row lg:pl-[20%]"
     >
       <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
         <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">