feedback buttons functionality (#1295)

qdrant-landing/themes/qdrant-2024/assets/css/partials/documentation/_docs-feedback.scss

@@ -1,12 +1,13 @@
 @use '../../helpers/functions' as *;
 
 .docs-feedback {
+  $sectionPadding: $spacer * 2.5 0;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: $spacer;
-  padding: $spacer * 2.5 0;
+  padding: $sectionPadding;
 
   &__title {
     color: $neutral-98;
@@ -26,6 +27,22 @@
     gap: $spacer * 0.5;
     box-shadow: 0 0 0 pxToRem(1) $neutral-30;
   }
+  &__responses {
+    padding: $sectionPadding;
+  }
+  &__response {
+    display: none;
+    padding: 8px;
+    color: $neutral-100;
+    background: $neutral-20;
+    border-radius: 8px;
+    font-size: $font-size-sm;
+    margin: 0;
+
+    &_visible {
+      display: block;
+    }
+  }
 
   @include media-breakpoint-up(xl) {
     justify-content: flex-start;
@@ -40,5 +57,9 @@
         filter: invert(1);
       }
     }
+    &__response {
+      color: $neutral-30;
+      background: $neutral-90;
+    }
   }
 }