update src/components/Button/index.js and src/components/CardDesign2/index.js

src/components/Button/index.js

@@ -3,7 +3,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
   return (
     <button
       onClick={onClick}
-      className={`flex items-center transiton duration-200 hover:bg-opacity-70 ${className}`}
+      className={`flex items-center justify-center transiton duration-200 hover:bg-opacity-70 ${className}`}
     >
       {text}
       {icon && (

src/components/CardDesign2/index.js

@@ -5,7 +5,7 @@ import TitleSubtitle from "../TitleSubtitle";
 
 const CardDesign2 = ({ buttons }) => {
   return (
-    <div className="flex flex-col bg-white shadow-sm rounded max-w-[396px] mr-20 my-20 p-4">
+    <div className="flex flex-col bg-white shadow-sm rounded max-w-[370px] mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
         title={"طبقه سوم"}
@@ -15,15 +15,14 @@ const CardDesign2 = ({ buttons }) => {
         titleDividerWidth={"w-1.5"}
       />
       <IconText />
-      <div className="flex flex-wrap gap-y-2 justify-center mt-4">
+      <div className="flex flex-wrap gap-y-4 justify-around mt-4">
         {buttons.map((btn) => (
           <Button
-            className={`${btn.className} w-1/2 border-none px-4 py-4 text-xs rounded-sm text-white`}
+            className={`${btn.className} w-5/12	 border-none px-4 py-4 text-xs rounded-sm text-white`}
             text={btn.name}
           />
         ))}
       </div>
-      <Button />
     </div>
   );
 };