Migrate Tailwind to v4

src/app/contact/page.js

@@ -64,7 +64,7 @@ export default function Home() {
 
           <p className={styles.sm}>* required</p>
 
-          <input type="submit" value="Submit" required />
+          <input type="submit" value="Submit" required className="text-white bg-sky-800 hover:bg-sky-700 transition" />
         </form>
       </section>
     </div>

src/app/contact/page.module.css

@@ -19,16 +19,11 @@
 
 /* Style the submit button */
 .form input[type="submit"] {
-  background-color: var(--accent);
-  color: white;
   padding: 1em 1.75em;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }
-.form input[type="submit"]:hover {
-  background-color: var(--accent-secondary);
-}
 
 .sm {
     font-size: 0.75em;