diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index e3dc8a543..9508c4246 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -37,4 +37,4 @@ repos:
     rev: v6.2.4
     hooks:
       - id: rstcheck
-        args: ['--ignore-directives=tabs,toctree,autoclass,cssclass,include', '--report-level=warning']
+        args: ['--ignore-directives=jupyterlite,tabs,toctree,autoclass,cssclass,include', '--report-level=warning']
diff --git a/docs/assets/css/custom.css b/docs/assets/css/custom.css
index c570c2e8b..a894f8c27 100644
--- a/docs/assets/css/custom.css
+++ b/docs/assets/css/custom.css
@@ -1,17 +1,17 @@
-.try-in-jupyterlite-button a {
+.try_examples_button {
   background-color: #f7dc1e;
-  color: black;
-  text-decoration: none;
-
   border: none;
   padding: 5px 10px;
   border-radius: 15px;
   font-family: vibur;
   font-size: larger;
   box-shadow: 0 2px 5px rgba(108, 108, 108, 0.2);
+  color: black;
 }
 
-.try-in-jupyterlite-button a:hover {
+.try_examples_button:hover {
+  transform: scale(1.02);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
   color: white;
-  box-shadow: 0 2px 5px #f7dc1e;
 }
diff --git a/docs/index.rst b/docs/index.rst
index bc017ec1f..9498c683d 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -2,9 +2,9 @@
 JupyterGIS
 ==========
 
-.. cssclass:: try-in-jupyterlite-button
-
-  `Try it with JupyterLite! <lite/>`_
+.. jupyterlite::
+   :new_tab: True
+   :new_tab_button_text: Try it with JupyterLite!
 
 JupyterGIS is a JupyterLab extension for collaborative GIS (Geographical Information System). It is designed to
 allow multiple people to work on the same geospatial project simultaneously, facilitating discussion and collaboration
diff --git a/docs/user_guide/index.md b/docs/user_guide/index.md
index 295de60b9..4f21468e7 100644
--- a/docs/user_guide/index.md
+++ b/docs/user_guide/index.md
@@ -2,9 +2,9 @@
 
 Thanks for trying out JupyterGIS!
 
-```{cssclass} try-in-jupyterlite-button
-
-[Try it with JupyterLite!](lite/)
+```{jupyterlite}
+:new_tab: True
+:new_tab_button_text: Try it with JupyterLite!
 ```
 
 JupyterGIS offers: