new

frontend/src/layout/Wrapper.jsx

 
 const Wrapper = ({bg, padding ,children, hideOverflow, gradient}) => {
     return (
-        <div className={"w-full h-fit" + (bg ? "bg-baby-blue dark:bg-dg-primary-1600" : "")+(padding)+(hideOverflow ? ' overflow-hidden' : '') + (gradient ? " bg-gradient-to-r from-[#90278F] to-[#8468BF]" : "")}>
+        <div className={"w-full h-fit" + (bg ? " bg-baby-blue dark:bg-dg-primary-1600" : "")+(padding)+(hideOverflow ? ' overflow-hidden' : '') + (gradient ? " bg-gradient-to-r from-[#90278F] to-[#8468BF]" : "")}>
             <div className="max-w-custom relative mx-auto px-16p">
             {children}
         </div>

frontend/src/styles/buttons.css

     @apply px-16p py-12p rounded-32 cursor-pointer text-p font-medium font-secondary  text-dg-primary-900 bg-dg-primary-400
   }
 
-  //PrimaryButton
+
+
+  
   .btn-primary {
     @apply px-32p py-20p sm:px-64p  text-center
     text-btn uppercase font-semibold rounded-16  border-transparent cursor-pointer bg-gradient-to-r from-dg-secondary to-dg-primary-900 transition-all hover:bg-gradient-to-r hover:to-dg-secondary hover:from-dg-primary-900 hover:transition-all text-white;