diff --git a/sabareeshwaran_21aib23.html b/sabareeshwaran_21aib23.html
new file mode 100644
index 000000000..4940753f7
--- /dev/null
+++ b/sabareeshwaran_21aib23.html
@@ -0,0 +1,10 @@
+
+
+
+ Animated Button
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 000000000..6864141ac
--- /dev/null
+++ b/style.css
@@ -0,0 +1,26 @@
+.animated-button {
+ background-color: #4CAF50;
+ border: none;
+ color: white;
+ padding: 10px 20px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ cursor: pointer;
+ transition-duration: 0.4s;
+}
+
+.animated-button:hover {
+ background-color: white;
+ color: #4CAF50;
+ box-shadow: 0 0 20px #4CAF50;
+}
+
+.animated-button:active {
+ background-color: #4CAF50;
+ color: white;
+ transform: translateY(2px);
+ box-shadow: 0 0 10px #4CAF50;
+}
\ No newline at end of file