Why did I add a create project button to the new project menu

It's cuz there has to be a create button for the new project menu to do
anything

src/newproject/components/OptionButtons.css

@@ -1,7 +1,9 @@
 @import 'tailwindcss';
 
 button {
-  @apply bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)] border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] m-1 p-2 rounded-lg transition-colors cursor-pointer;
+  @apply bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)];
+  @apply border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)];
+  @apply m-1 p-2 rounded-lg transition-colors cursor-pointer;
 }
 
 h2 {
@@ -9,5 +11,6 @@ h2 {
 }
 
 .container {
-  @apply bg-[rgb(24,24,36)] mt-5 p-5 border border-[rgb(48,48,72)] rounded-lg justify-center mx-auto w-fit flex flex-col gap-2;
+  @apply bg-[rgb(24,24,36)] mt-5 p-5 border border-[rgb(48,48,72)] rounded-lg;
+  @apply justify-center mx-auto w-fit flex flex-col gap-2;
 }

src/newproject/routes/Home.css

@@ -1,5 +1,11 @@
 @import 'tailwindcss';
 
+.new-project-btn {
+  @apply w-50 h-15 bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)];
+  @apply border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] p-2 rounded-lg;
+  @apply transition-colors cursor-pointer justify-center mx-auto;
+}
+
 input {
     @apply w-full max-w-md p-2 border border-[rgb(48,48,72)] bg-[rgb(24,24,36)] rounded-lg mt-5;
 }

src/newproject/routes/Home.tsx

@@ -31,6 +31,10 @@ export default function Home () {
             ]}
             name="Project Type"
           />
+
+          <div className='absolute left-1/2 transform -translate-x-1/2 bottom-0 mb-5'>
+            <button className='new-project-btn'>Create</button>
+          </div>
         </div>
     </>
   )