diff --git a/.github/workflows/code-analysis.yml b/.github/workflows/cicd.yml
similarity index 53%
rename from .github/workflows/code-analysis.yml
rename to .github/workflows/cicd.yml
index 3e46380..414aa8b 100644
--- a/.github/workflows/code-analysis.yml
+++ b/.github/workflows/cicd.yml
@@ -1,6 +1,12 @@
-name: Code Analysis
+name: Code Analysis and Deploy
 
-on: [push, pull_request]
+on:
+  push:
+    branches:
+      - '3.x'
+  pull_request:
+    branches:
+      - '3.x'
 
 jobs:
   analyze-code:
@@ -19,10 +25,18 @@ jobs:
       run: npm install
 
     - name: Run ESLint (JavaScript)
-      run: npx eslint js
+      run: npx eslint "js/**/*.js"
 
     - name: Run stylelint (CSS)
-      run: npx stylelint css
+      run: npx stylelint "css/**/*.css"
 
     - name: Run HTMLHint (HTML)
       run: npx htmlhint "**/*.html"
+
+  deploy:
+    needs: analyze-code
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Netlify Build Hook
+      run: curl -X POST ${{ secrets.NETLIFY_BUILD_HOOK_URL }}
diff --git a/README.md b/README.md
index 4465db4..79bcea2 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 ![Thumbnail](/assets/images/banner.png)
 ![Thumbnail2](/assets/images/banner2.png)
-[![pages-build-deployment](https://github.com/dewanakl/undangan/actions/workflows/pages/pages-build-deployment/badge.svg?branch=3.x)](https://github.com/dewanakl/undangan/actions/workflows/pages/pages-build-deployment)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/cef32dbf-f26f-4865-84a9-b85a439c9994/deploy-status)](https://app.netlify.com/sites/ulems/deploys)
 ![Hits](https://dikit.my.id/0b3y8q)
 
 ## Demo
diff --git a/css/app.css b/css/app.css
index 553573f..7d7ff33 100644
--- a/css/app.css
+++ b/css/app.css
@@ -10,14 +10,6 @@
     display: none;
 }
 
-svg {
-    transition: background-color 350ms ease;
-}
-
-svg>path {
-    transition: color 350ms ease;
-}
-
 .font-esthetic {
     font-family: Sacramento, cursive !important;
 }
diff --git a/css/common.css b/css/common.css
index 67d5918..b4fd656 100644
--- a/css/common.css
+++ b/css/common.css
@@ -1,5 +1,5 @@
 * {
-    transition: background-color 350ms ease, color 50ms ease;
+    transition: background-color 300ms ease, color 50ms ease;
 }
 
 html {
@@ -13,6 +13,14 @@ body {
     overflow-x: hidden;
 }
 
+svg {
+    transition: background-color 300ms ease;
+}
+
+svg>path {
+    transition: color 300ms ease;
+}
+
 .bg-theme-light {
     background-color: var(--bs-gray-100);
 }