fix: added microanimation on copy link button

Author: technikhil314

pages/diff/_diff.vue

@@ -5,7 +5,7 @@
         <button
           type="button"
           @click="copyUrlToClipboard"
-          class="inline-flex justify-center px-4 py-2 text-white transition-transform transform bg-blue-600 rounded-md shadow-lg outline-none  align-center focus:ring-4 active:scale-y-75"
+          class="inline-flex justify-center px-4 py-2 text-white transition-transform transform bg-blue-600 rounded-md shadow-lg outline-none  copy-uri-button align-center focus:ring-4 active:scale-y-75"
         >
           <svg
             class="w-6 h-6 mr-2"
@@ -166,3 +166,12 @@ export default {
   },
 }
 </script>
+
+<style>
+.copy-uri-button:hover {
+  @apply shadow-lg;
+}
+.copy-uri-button:hover svg {
+  @apply scale-110 rotate-12;
+}
+</style>