diff --git a/Components/Buttons/Pikachu-Effect-Hover-Button/index.html b/Components/Buttons/Pikachu-Effect-Hover-Button/index.html
new file mode 100644
index 00000000..3c3cdb36
--- /dev/null
+++ b/Components/Buttons/Pikachu-Effect-Hover-Button/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Pikachu Effect Hover Button
+
+
+
+
+
diff --git a/Components/Buttons/Pikachu-Effect-Hover-Button/style.css b/Components/Buttons/Pikachu-Effect-Hover-Button/style.css
new file mode 100644
index 00000000..c5552082
--- /dev/null
+++ b/Components/Buttons/Pikachu-Effect-Hover-Button/style.css
@@ -0,0 +1,121 @@
+body {
+ margin: 0;
+ height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+button {
+ position: relative;
+ width: 150px;
+ height: 60px;
+ overflow: hidden;
+ border: 1px solid black;
+ border-radius: 50px;
+ padding-left: 35px;
+ box-shadow: 2.9px 2.9px 2.2px rgba(0, 0, 0, 0.019),
+ 5.2px 5.2px 5.3px rgba(0, 0, 0, 0.023),
+ 7px 7px 10px rgba(0, 0, 0, 0.025),
+ 8.7px 8.7px 17.9px rgba(0, 0, 0, 0.024),
+ 11.3px 11.3px 33.4px rgba(0, 0, 0, 0.023),
+ 20px 20px 80px rgba(0, 0, 0, 0.02);
+}
+
+.pika {
+ position: absolute;
+ top: -100%;
+ left: 42%;
+ transition: 0.5s all;
+ animation: tilt 1.1s infinite ease-in-out;
+}
+
+@keyframes tilt {
+ 0% {
+ transform: translate(-50%, -50%) rotate(0deg);
+ }
+
+ 50% {
+ transform: translate(-50%, -50%) rotate(10deg);
+ }
+
+ 100% {
+ transform: translate(-50%, -50%) rotate(0deg);
+ }
+}
+
+.pokeball {
+ position: absolute;
+ top: 25%;
+ left: 10%;
+ animation: rotate_4991 1s linear infinite;
+}
+
+@keyframes rotate_4991 {
+ 0% {
+ transform: rotate(0);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+button:hover .pika {
+ top: 90%;
+}
+
+button:hover .pokeball {
+ animation: none;
+ transform: scale(0);
+}
+
+button:hover .go {
+ color: transparent;
+}
+
+.go {
+ position: absolute;
+ top: 18%;
+ left: 45%;
+ font-size: 30px;
+ font-weight: 900;
+ letter-spacing: 1px;
+}
+
+.pword,
+.pword2 {
+ position: absolute;
+ font-size: 13px;
+ opacity: 0;
+ animation: pulse-animation_0011 1s infinite;
+}
+
+@keyframes pulse-animation_0011 {
+ 0% {
+ transform: rotateZ(-30deg) scale(1);
+ }
+
+ 50% {
+ transform: rotateZ(-30deg) scale(1.1);
+ }
+
+ 100% {
+ transform: rotateZ(-30deg) scale(1);
+ }
+}
+
+.pword {
+ top: 30%;
+ left: 72%;
+}
+
+.pword2 {
+ top: 55%;
+ left: 75%;
+}
+
+button:hover .pword,
+button:hover .pword2 {
+ opacity: 1;
+}
diff --git a/assets/html_files/buttons.html b/assets/html_files/buttons.html
index 1f8a94f9..24fde22f 100644
--- a/assets/html_files/buttons.html
+++ b/assets/html_files/buttons.html
@@ -479,6 +479,19 @@ Perspective Button
+
+
Pikachu Effect Hover Button
+
+
+
+
+ 
+
+