fix results page

SurveyFrontend/src/components/Results/Results.module.css

@@ -147,7 +147,6 @@
 
 .exportButtonContainer {
     padding: 10px 15px;
-    /*background-color: #4CAF50;*/
     background-color: #3788D6;
     color: white;
     border: none;
@@ -159,5 +158,52 @@
 }
 
 .exportButtonContainer:hover {
-    background-color: #45a049;
+    background-color: rgb(14, 122, 221);
+}
+
+.info{
+    margin-top: 60px;
+    text-align: center;
+}
+
+.exportButtonWrapper {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+
+.exportPopup {
+    position: absolute;
+    top: -20px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: rgba(255, 255, 255, 0.9);
+    color: #333;
+    padding: 4px 8px;
+    border-radius: 3px;
+    font-size: 12px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    white-space: nowrap;
+    animation: fadeInOut 2s ease-in-out;
+    z-index: 10;
+}
+
+@keyframes fadeInOut {
+    0% {
+        opacity: 0;
+        transform: translateX(-50%) translateY(5px);
+    }
+    20% {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+    }
+    80% {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+    }
+    100% {
+        opacity: 0;
+        transform: translateX(-50%) translateY(5px);
+    }
 }