diff --git a/.env b/.env
new file mode 100644
index 0000000..d7d1402
--- /dev/null
+++ b/.env
@@ -0,0 +1,2 @@
+# .env
+VITE_GOOGLE_CSE_CX=d0753b9ad66c34097
diff --git a/src/components/Home.vue b/src/components/Home.vue
index bb174bf..7251eca 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -25,9 +25,8 @@
 <script>
 export default {
   mounted() {
-    const cx = 'd0753b9ad66c34097';
     const script = document.createElement('script');
-    script.src = `https://cse.google.com/cse.js?cx=${cx}`;
+    script.src = `https://cse.google.com/cse.js?cx=${import.meta.env.VITE_GOOGLE_CSE_CX}`;
     script.async = true;
     document.body.appendChild(script);
   }
diff --git a/src/components/Results.vue b/src/components/Results.vue
index 628f298..1db9a4d 100644
--- a/src/components/Results.vue
+++ b/src/components/Results.vue
@@ -9,7 +9,7 @@
     </div>
     <footer>
       <p>
-        &copy; Create by <a href="https://github.com/KoriIku">Luxirty</a> with love |
+        &copy; Create by <a href="https://github.com/KoriIku">Luxirty</a> with &hearts; |
         <a href="https://github.com/KoriIku/luxiry-search" target="_blank">
           GitHub
         </a>
@@ -27,7 +27,7 @@ export default {
   methods: {
     loadGoogleCSE() {
       const script = document.createElement('script');
-      script.src = "https://cse.google.com/cse.js?cx=d0753b9ad66c34097";
+      script.src = `https://cse.google.com/cse.js?cx=${import.meta.env.VITE_GOOGLE_CSE_CX}`;
       script.async = true;
       document.head.appendChild(script);
     },