lang

source/_patterns/01-molecules/23-cta-cards/newsletter-cta-card-pirati-stan.mustache

 <div class="cta-card cta-news px-8 py-8 bg-acidgreen {{# sidePanel }}sidePanel{{/ sidePanel }}">
 	<p class="font-alt text-4xl">CHCI VĚDĚT VÍCE</p>
-    {{> atoms-text-input(placeholder: "Zadejte Vas email", classes: "w-full mt-7") }}
-    {{> atoms-icon-button(cta: "Prihlasit se", icon: "ico--chevron-right", classes: "my-2 text-lg w-full cta-btn", bodyClasses: "py-4 leading-4 w-full", iconClasses: "px-4 bg-grey-800 border-grey-500" )}}
+    {{> atoms-text-input(placeholder: "Zadejte email", classes: "w-full mt-7") }}
+    {{> atoms-icon-button(cta: "Přihlásit se", icon: "ico--chevron-right", classes: "my-2 text-lg w-full cta-btn", bodyClasses: "py-4 leading-4 w-full", iconClasses: "px-4 bg-grey-800 border-grey-500" )}}
     {{> atoms-checkbox(shortLabel: true, classes: "cta-cbox") }}
 </div>
\ No newline at end of file

source/_patterns/01-molecules/23-cta-cards/support-cta-card-pirati-stan.mustache

 <div class="cta-card cta-support px-8 py-8 bg-white {{# sidePanel }}sidePanel{{/ sidePanel }}">
-	<p class="font-alt text-4xl {{# sidePanel }}w-full{{/ sidePanel }}{{^ sidePanel }}w-1{{/ sidePanel }} mb-7">CHCI PODPORIT</p>
+	<p class="font-alt text-4xl {{# sidePanel }}w-full{{/ sidePanel }}{{^ sidePanel }}w-1{{/ sidePanel }} mb-7">CHCI PODPOŘIT</p>
     {{> atoms-icon-button(cta: "Call to action", icon: "ico--chevron-right", classes: "text-lg w-full cta-btn", bodyClasses: "py-4 leading-4 w-full", iconClasses: "px-4 bg-grey-800 border-grey-500" )}}
 </div>
\ No newline at end of file

source/css/organisms/side-cta-panel.pcss

@@ -17,15 +17,18 @@
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     top: 0;
+    overflow-y: scroll;
 
     .side-cta-panel--toggler {
-        background-image: url("../images/toggler-cta-side.svg");
+        background-image: url(../images/toggler-cta-side.svg);
         cursor: pointer;
-        position: absolute;
-        left: -36px;
+        position: fixed;
+        left: inherit;
         top: calc(50% - 50px);
         width: 35px;
+        z-index: 1000000;
         height: 100px;
+        margin-right: 470px;
     }
 }
  .side-cta-panel--filter {
@@ -97,6 +100,17 @@
         background-image: url("../images/icon-cta-news.svg");
     }
 }
+@media only screen and (max-width: 999px)
+{
+    .side-cta-panel-bar {
+        width: 50px;
+
+        .side-cta-panel-bar-el {
+        width: 35px;
+        background-size: 25px;
+        }
+    }
+}
 
 
 @media only screen and (max-width: 620px)