diff --git a/website/betaal.css b/website/betaal.css
new file mode 100644
index 0000000..abd2d3a
--- /dev/null
+++ b/website/betaal.css
@@ -0,0 +1,25 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding: 50px;
+    background-color: #f9f9f9;
+}
+h1 {
+    color: #F56E28;
+}
+p {
+    font-size: 1.2em;
+    margin-top: 20px;
+}
+button {
+    margin-top: 30px;
+    padding: 10px 20px;
+    background-color: #F56E28;
+    color: white;
+    border: none;
+    cursor: pointer;
+    font-size: 1.1em;
+}
+button:hover {
+    background-color: #F56E28;
+}
\ No newline at end of file
diff --git a/website/betalen.html b/website/betalen.html
index e75f55b..c3bef2a 100644
--- a/website/betalen.html
+++ b/website/betalen.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Betaalpagina Mees</title>
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            text-align: center;
-            padding: 50px;
-            background-color: #f9f9f9;
-        }
-        h1 {
-            color: #F56E28;
-        }
-        p {
-            font-size: 1.2em;
-            margin-top: 20px;
-        }
-        button {
-            margin-top: 30px;
-            padding: 10px 20px;
-            background-color: #F56E28;
-            color: white;
-            border: none;
-            cursor: pointer;
-            font-size: 1.1em;
-        }
-        button:hover {
-            background-color: #F56E28;
-        }
-    </style>
+    <link rel="stylesheet" href="betaal.css">
 </head>
 
 <body>
diff --git a/website/style.css b/website/style.css
index f65b610..d0b28fb 100644
--- a/website/style.css
+++ b/website/style.css
@@ -328,6 +328,7 @@ body {
 
 #order-button:hover {
     background-color: #45a049;
+    transform: scale(1.05);
 }
 
 .cart.visible {
