<iman> add highligth button whatsapp

1 files changed, 13 insertions, 0 deletions

diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css
new file mode 100644
index 00000000..b89aca9f
--- /dev/null
+++ b/src/core/components/layouts/BasicLayout.module.css
@@ -0,0 +1,13 @@
+.overlay-highlight {
+    @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900];
+    animation: closeOverlay 10s forwards;
+  }
+  
+  @keyframes closeOverlay {
+    from {
+      clip-path: circle(100%);
+    }
+    to {
+      clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y));
+    }
+  }