diff --git a/public/Buttons/Deenadayalan_2222ka09/index.html b/public/Buttons/Deenadayalan_2222ka09/index.html
new file mode 100644
index 000000000..c562a0f3e
--- /dev/null
+++ b/public/Buttons/Deenadayalan_2222ka09/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+ Animated button
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/Buttons/Deenadayalan_2222ka09/style.css b/public/Buttons/Deenadayalan_2222ka09/style.css
new file mode 100644
index 000000000..efe2141f5
--- /dev/null
+++ b/public/Buttons/Deenadayalan_2222ka09/style.css
@@ -0,0 +1,26 @@
+.Animated-button{
+ width: 100%;
+ display: flex;
+ height: 768px;
+ background-color: white;
+ justify-content: center;
+ align-items: center;
+}
+
+.Animated-button button{
+ width: 130px;
+ height: 50px;
+ background-color: white;
+ border-radius: 50px;
+ transition-duration: 0.5s;
+}
+
+.Animated-button button:hover{
+ width: 170px;
+ background-image: linear-gradient(90deg, blue, black);
+ color: white;
+ border-radius: 0px;
+ box-shadow: 0px 0px 20px black;
+ border: 2px solid white;
+ transition-duration: 0.5s;
+}
\ No newline at end of file