style: Update copy button styles in ProfilePage.vue for improved hover effect and opacity transition

frontend/src/views/profile/ProfilePage.vue

@@ -548,9 +548,15 @@ async function deconfigureStripe() {
 }
 
 .copy-button {
-  @apply ml-2 p-1 rounded-full hover:bg-hSurface;
+  @apply ml-2 p-1 rounded-full;
   @apply transition-all duration-300;
   @apply relative overflow-hidden;
+  @apply opacity-60;
+}
+
+.copy-button:hover {
+  @apply opacity-100;
+  @apply bg-hSurface;
 }
 
 .copy-button::after {
@@ -567,10 +573,7 @@ async function deconfigureStripe() {
 
 .copy-button.success {
   @apply bg-green-500/20;
-}
-
-.copy-button:hover {
-  @apply bg-hSurface;
+  @apply opacity-100;
 }
 
 .value {