diff --git a/public/Buttons/Devaraj_21CSA29/index.html b/public/Buttons/Devaraj_21CSA29/index.html
new file mode 100644
index 000000000..9b1fd3dad
--- /dev/null
+++ b/public/Buttons/Devaraj_21CSA29/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+ Animation occurs when you press the button
+
+
+
+
+
diff --git a/public/Buttons/Devaraj_21CSA29/style.css b/public/Buttons/Devaraj_21CSA29/style.css
new file mode 100644
index 000000000..e276d61cd
--- /dev/null
+++ b/public/Buttons/Devaraj_21CSA29/style.css
@@ -0,0 +1,19 @@
+.button
+{
+ padding: 20px 30px;
+ font-size: 28px;
+ text-align: center;
+ cursor: pointer;
+ color: #fff;
+ background-color: #d36d0e;
+ border-radius: 20px;
+ box-shadow: 0 10px #999;
+}
+
+.button:hover {background-color: #007095}
+
+.button:active {
+ background-color: #007095;
+ box-shadow: 0 5px rgb(25, 25, 25);
+ transform: translateY(5px);
+}
\ No newline at end of file