opt-out

user/themes/lecampus/scss/theme/_footer.scss

@@ -1,4 +1,5 @@
 #footer{
+  margin-bottom: 45px;
   width: 100%;
   background: $light-grey;
   .block{
@@ -27,3 +28,36 @@
     }
   }
 }
+
+.opt-out{
+  height: auto;
+  transform: translateY(70%);
+  z-index: 9999;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background: rgba(255,255,255,.5 );
+  text-align: center;
+  font-family: $Bold;
+  transition: transform 0.3s ease, background 0.3s ease;
+  iframe{
+    height: 110px;
+  }
+  p{
+    cursor: pointer;
+    font-size: 12px;
+  }
+  img{
+    width: 20px;
+    height: auto;
+    cursor: pointer;
+  }
+  &.open{
+    transform: translateX(0);
+    background: white;
+    transition: all 0.3s ease;
+    img{
+      transform: rotate(180deg);
+    }
+  }
+}