diff --git a/public/Buttons/medakshchoudhary_1/index.html b/public/Buttons/medakshchoudhary_1/index.html
new file mode 100644
index 00000000..d4ce0eee
--- /dev/null
+++ b/public/Buttons/medakshchoudhary_1/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Document
+
+
+
+
+
\ No newline at end of file
diff --git a/public/Buttons/medakshchoudhary_1/style.css b/public/Buttons/medakshchoudhary_1/style.css
new file mode 100644
index 00000000..3a01dd9f
--- /dev/null
+++ b/public/Buttons/medakshchoudhary_1/style.css
@@ -0,0 +1,51 @@
+/* The switch - the box around the slider */
+.switch {
+ font-size: 17px;
+ position: relative;
+ display: inline-block;
+ width: 3.5em;
+ height: 2em;
+ }
+
+ /* Hide default HTML checkbox */
+ .switch input {
+ opacity: 0;
+ width: 0;
+ height: 0;
+ }
+
+ /* The slider */
+ .slider {
+ --background: #28096b;
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: var(--background);
+ transition: .5s;
+ border-radius: 30px;
+ }
+
+ .slider:before {
+ position: absolute;
+ content: "";
+ height: 1.4em;
+ width: 1.4em;
+ border-radius: 50%;
+ left: 10%;
+ bottom: 15%;
+ box-shadow: inset 8px -4px 0px 0px #fff000;
+ background: var(--background);
+ transition: .5s;
+ }
+
+ input:checked + .slider {
+ background-color: #522ba7;
+ }
+
+ input:checked + .slider:before {
+ transform: translateX(100%);
+ box-shadow: inset 15px -4px 0px 15px #fff000;
+ }
\ No newline at end of file