src/widgets/about-section.tsx

@@ -68,7 +68,7 @@ export const AboutSection = () => {
             </div>
           </div>
           <div
-            data-aos='fade-up'
+            data-aos='fade-left'
             className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
           >
             <Image

src/widgets/cta-section.tsx

@@ -14,7 +14,7 @@ export const CtaSection = () => {
           </p>
           <div className='flex flex-col gap-4 sm:flex-row'>
             <Button variant='outline'>Скачать приложение</Button>
-            <Button variant='secondary'>
+            <Button className='bg-white text-red-600 hover:bg-gray-100'>
               Получить карту лояльности
             </Button>
           </div>

src/widgets/hero-section.tsx

@@ -29,7 +29,9 @@ export const HeroSection = () => {
                 <Button className='bg-red-600 hover:bg-red-700'>
                   Найти заправку <MapPin className='ml-2 h-4 w-4' />
                 </Button>
-                <Button variant='outline'
+                <Button
+                  variant='outline'
+                  className='border-white text-white hover:bg-white/10'
                 >
                   Узнать больше
                 </Button>