From 546230429e94dacdedbbae77a4b93b1b27c13104 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Wed, 11 Sep 2024 16:58:01 +0100
Subject: [PATCH 1/5] Harmony

---
 themes/harmony/assets/desktop-slider.css      | 24 +++++----------
 themes/harmony/assets/mobile-slider.css       | 20 ++++++-------
 themes/harmony/sections/desktop-slider.liquid | 20 +++++++++++++
 themes/harmony/snippets/slider.liquid         | 29 +++++++++----------
 themes/harmony/styles/desktop-slider.scss     | 21 +++++---------
 themes/harmony/styles/mobile-slider.scss      | 18 +++++-------
 6 files changed, 67 insertions(+), 65 deletions(-)

diff --git a/themes/harmony/assets/desktop-slider.css b/themes/harmony/assets/desktop-slider.css
index 0893d582..e6227bc5 100644
--- a/themes/harmony/assets/desktop-slider.css
+++ b/themes/harmony/assets/desktop-slider.css
@@ -35,20 +35,14 @@
 .yc-slider__desktop .content{
   height:100%;
   display:flex;
-  align-items:center;
-  text-align:center;
   justify-content:center;
-  margin:auto;
-}
-.yc-slider__desktop .content > div{
-  max-width:30rem;
-  position:relative;
-  z-index:3;
+  flex-direction:column;
+  padding:0 250px;
+  text-align:var(--alignment);
 }
 .yc-slider__desktop .content .headers, .yc-slider__desktop .content h3, .yc-slider__desktop .content h2, .yc-slider__desktop .content h1{
   font-weight:700;
   line-height:1.2;
-  margin-bottom:2rem;
 }
 .yc-slider__desktop .content h1{
   font-size:3rem;
@@ -62,12 +56,10 @@
 .yc-slider__desktop .content p{
   margin-top:1rem;
 }
-.yc-slider__desktop .content .btn-holder{
-  margin-top:2rem;
-  display:flex;
-  text-align:center;
-  justify-content:center;
+.yc-slider__desktop .content .btn-holder {
+  margin-top:1em;
+  text-align:var(--alignment);
 }
-.yc-slider__desktop .content .container > div{
-  max-width:600px;
+.yc-slider__desktop .content .btn-holder a {
+  display:inline-flex;
 }
diff --git a/themes/harmony/assets/mobile-slider.css b/themes/harmony/assets/mobile-slider.css
index aeecb166..ac9d9714 100644
--- a/themes/harmony/assets/mobile-slider.css
+++ b/themes/harmony/assets/mobile-slider.css
@@ -6,19 +6,14 @@
 .yc-slider__mobile .content{
   height:100%;
   display:flex;
-  text-align:center;
   justify-content:center;
-  align-items:center;
-}
-.yc-slider__mobile .content > div{
-  max-width:30rem;
-  position:relative;
-  z-index:3;
+  flex-direction: column;
+  padding:0 20px;
+  text-align:var(--alignment);
 }
 .yc-slider__mobile .content .headers, .yc-slider__mobile .content h3, .yc-slider__mobile .content h2, .yc-slider__mobile .content h1{
   font-weight:700;
   line-height:1.2;
-  margin-bottom:2rem;
 }
 .yc-slider__mobile .content h1{
   font-size:3rem;
@@ -32,7 +27,10 @@
 .yc-slider__mobile .content p{
   margin-top:1rem;
 }
-.yc-slider__mobile .content .btn-holder{
-  margin-top:2rem;
-  text-align:center;
+.yc-slider__desktop .content .btn-holder {
+  margin-top:1em;
+  text-align:var(--alignment);
+}
+.yc-slider__desktop .content .btn-holder a {
+  display:inline-flex;
 }
diff --git a/themes/harmony/sections/desktop-slider.liquid b/themes/harmony/sections/desktop-slider.liquid
index 681af38c..d2085a3f 100644
--- a/themes/harmony/sections/desktop-slider.liquid
+++ b/themes/harmony/sections/desktop-slider.liquid
@@ -275,6 +275,26 @@
           "id": "caption",
           "label": "Slider content"
         },
+        {
+          "type": "select",
+          "id": "content_alignment",
+          "label": "Content alignment",
+          "options": [
+            {
+              "value": "center",
+              "label": "Center"
+            },
+            {
+              "value": "left",
+              "label": "Left"
+            },
+            {
+              "value": "right",
+              "label": "Right"
+            }
+          ],
+          "default": "center"
+        },
         {
           "type": "text",
           "id": "button_text",
diff --git a/themes/harmony/snippets/slider.liquid b/themes/harmony/snippets/slider.liquid
index a700969a..e900adc1 100644
--- a/themes/harmony/snippets/slider.liquid
+++ b/themes/harmony/snippets/slider.liquid
@@ -64,22 +64,21 @@
           {{ block.youcan_attributes }}
         >
           {%- if block.settings.caption %}
-            <div class='content flex items-center h-full w-full slide-box'>
-              <div class='container flex items-center justify-center slide-content-box'>
-                <div>
-                  <div class='caption'>{{ block.settings.caption }}</div>
-                  {% if block.settings.product %}
-                    <div class='btn-holder'>
-                      <a
-                        href='{{ block.settings.product.url }}'
-                        class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
-                      >
-                        {{ block.settings.button_text }}
-                      </a>
-                    </div>
-                  {% endif %}
+            <div 
+              class='content' 
+              style="--alignment: {{ block.settings.content_alignment }}"
+            >
+              <div class='caption w-full'>{{ block.settings.caption }}</div>
+              {% if block.settings.product %}
+                <div class="btn-holder">
+                  <a
+                    href='{{ block.settings.product.url }}'
+                    class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
+                  >
+                    {{ block.settings.button_text }}
+                  </a>
                 </div>
-              </div>
+              {% endif %}
             </div>
           {%- endif %}
         </li>
diff --git a/themes/harmony/styles/desktop-slider.scss b/themes/harmony/styles/desktop-slider.scss
index 392afc8a..9b269b32 100644
--- a/themes/harmony/styles/desktop-slider.scss
+++ b/themes/harmony/styles/desktop-slider.scss
@@ -39,16 +39,10 @@
   .content {
     height: 100%;
     display: flex;
-    align-items: center;
-    text-align: center;
     justify-content: center;
-    margin: auto;
-
-    & > div {
-      max-width: 30rem;
-      position: relative;
-      z-index: 3;
-    }
+    flex-direction: column;
+    padding: 0 250px;
+    text-align: var(--alignment);
 
     .headers {
       font-weight: 700;
@@ -68,10 +62,11 @@
     }
 
     .btn-holder {
-      margin-top: 2rem;
-      display: flex;
-      text-align: center;
-      justify-content: center;
+      margin-top: 1em;
+      text-align: var(--alignment);
+      a {
+        display: inline-flex;
+      }
     }
 
     .container {
diff --git a/themes/harmony/styles/mobile-slider.scss b/themes/harmony/styles/mobile-slider.scss
index 1451d39c..c805f83b 100644
--- a/themes/harmony/styles/mobile-slider.scss
+++ b/themes/harmony/styles/mobile-slider.scss
@@ -8,15 +8,10 @@
   .content {
     height: 100%;
     display: flex;
-    text-align: center;
     justify-content: center;
-    align-items: center;
-
-    & > div {
-      max-width: 30rem;
-      position: relative;
-      z-index: 3;
-    }
+    flex-direction: column;
+    padding:0 20px;
+    text-align: var(--alignment);
 
     .headers {
       font-weight: 700;
@@ -36,8 +31,11 @@
     }
 
     .btn-holder {
-      margin-top: 2rem;
-      text-align: center;
+      margin-top:1em;
+      text-align:var(--alignment);
+      a {
+        display: inline-flex;
+      }
     }
   }
 }

From 207b27d4a5e165027ae17427f288f32ec7cb72e1 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Thu, 12 Sep 2024 10:18:10 +0100
Subject: [PATCH 2/5] Meraki

---
 themes/meraki/assets/desktop-slider.css      | 17 ++++--------
 themes/meraki/assets/mobile-slider.css       | 21 ++++++--------
 themes/meraki/sections/desktop-slider.liquid | 20 ++++++++++++++
 themes/meraki/snippets/slider.liquid         | 29 ++++++++++----------
 themes/meraki/styles/desktop-slider.scss     | 16 ++++-------
 themes/meraki/styles/mobile-slider.scss      | 17 +++++-------
 6 files changed, 61 insertions(+), 59 deletions(-)

diff --git a/themes/meraki/assets/desktop-slider.css b/themes/meraki/assets/desktop-slider.css
index b0669269..2890b4b3 100644
--- a/themes/meraki/assets/desktop-slider.css
+++ b/themes/meraki/assets/desktop-slider.css
@@ -54,18 +54,14 @@
 .yc-slider__desktop .content{
   height:100%;
   display:flex;
-  align-items:center;
-  text-align:center;
-  justify-content:center;
-  margin:auto;
+  justify-content: center;
+  flex-direction:column;
+  padding:0 250px;
+  text-align:var(--alignment);
 }
 .yc-slider__desktop .content .caption{
   line-height:55px;
 }
-.yc-slider__desktop .content > div{
-  position:relative;
-  z-index:3;
-}
 .yc-slider__desktop .content h1{
   font-size:38px;
   font-weight:800;
@@ -79,9 +75,7 @@
   font-weight:600;
 }
 .yc-slider__desktop .content .btn-holder{
-  display:flex;
-  text-align:center;
-  justify-content:center;
+  text-align:var(--alignment);
 }
 .yc-slider__desktop .content .btn-holder .yc-btn-slider{
   font-size:14px;
@@ -89,4 +83,5 @@
   color:#ffffff;
   margin-top:38px;
   padding:12px 18px;
+  display:inline-flex;
 }
diff --git a/themes/meraki/assets/mobile-slider.css b/themes/meraki/assets/mobile-slider.css
index 447e3583..07e0753e 100644
--- a/themes/meraki/assets/mobile-slider.css
+++ b/themes/meraki/assets/mobile-slider.css
@@ -4,15 +4,12 @@
   }
 }
 .yc-slider__mobile .content{
-  height:100%;
-  display:flex;
-  text-align:center;
-  justify-content:center;
-  align-items:center;
-}
-.yc-slider__mobile .content > div{
-  position:relative;
-  z-index:3;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 20px;
+  text-align: var(--alignment);
 }
 .yc-slider__mobile .content h1{
   font-size:28px;
@@ -27,7 +24,7 @@
   font-weight:600;
 }
 .yc-slider__mobile .content .btn-holder{
-  display:flex;
-  text-align:center;
-  justify-content:center;
+  text-align: var(--alignment);
 }
+
+.yc-slider__mobile .content .btn-holder 
diff --git a/themes/meraki/sections/desktop-slider.liquid b/themes/meraki/sections/desktop-slider.liquid
index 109d46f3..4449a9b5 100644
--- a/themes/meraki/sections/desktop-slider.liquid
+++ b/themes/meraki/sections/desktop-slider.liquid
@@ -301,6 +301,26 @@
           "id": "caption",
           "label": "Slider content"
         },
+        {
+          "type": "select",
+          "id": "content_alignment",
+          "label": "Content alignment",
+          "options": [
+            {
+              "value": "center",
+              "label": "Center"
+            },
+            {
+              "value": "left",
+              "label": "Left"
+            },
+            {
+              "value": "right",
+              "label": "Right"
+            }
+          ],
+          "default": "center"
+        },
         {
           "type": "text",
           "id": "button_text",
diff --git a/themes/meraki/snippets/slider.liquid b/themes/meraki/snippets/slider.liquid
index ddace505..c965cafe 100644
--- a/themes/meraki/snippets/slider.liquid
+++ b/themes/meraki/snippets/slider.liquid
@@ -62,22 +62,21 @@
           {{ block.youcan_attributes }}
         >
           {%- if block.settings.caption %}
-            <div class='content flex items-center h-full w-full slide-box'>
-              <div class='container flex items-center justify-center slide-content-box'>
-                <div class="caption-wrapper">
-                  <div class='caption'>{{ block.settings.caption }}</div>
-                  {% if block.settings.product %}
-                    <div class='btn-holder'>
-                      <a
-                        href='{{ block.settings.product.url }}'
-                        class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
-                      >
-                        {{ block.settings.button_text }}
-                      </a>
-                    </div>
-                  {% endif %}
+            <div 
+              class='content' 
+              style="--alignment: {{ block.settings.content_alignment }}"
+            >
+              <div class='caption w-full'>{{ block.settings.caption }}</div>
+              {% if block.settings.product %}
+                <div class="btn-holder">
+                  <a
+                    href='{{ block.settings.product.url }}'
+                    class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
+                  >
+                    {{ block.settings.button_text }}
+                  </a>
                 </div>
-              </div>
+              {% endif %}
             </div>
           {%- endif %}
         </li>
diff --git a/themes/meraki/styles/desktop-slider.scss b/themes/meraki/styles/desktop-slider.scss
index 7fffbe18..212c8832 100644
--- a/themes/meraki/styles/desktop-slider.scss
+++ b/themes/meraki/styles/desktop-slider.scss
@@ -50,20 +50,15 @@
   .content {
     height: 100%;
     display: flex;
-    align-items: center;
-    text-align: center;
     justify-content: center;
-    margin: auto;
+    flex-direction: column;
+    padding:0 250px;
+    text-align:var(--alignment);
 
     .caption {
       line-height: 55px;
     }
 
-    & > div {
-      position: relative;
-      z-index: 3;
-    }
-
     h1 {
       font-size: 38px;
       font-weight: 800;
@@ -80,9 +75,7 @@
     }
 
     .btn-holder {
-      display: flex;
-      text-align: center;
-      justify-content: center;
+      text-align:var(--alignment);
 
       .yc-btn-slider {
         font-size: 14px;
@@ -90,6 +83,7 @@
         color: #ffffff;
         margin-top: 38px;
         padding: 12px 18px;
+        display:inline-flex;
       }
     }
   }
diff --git a/themes/meraki/styles/mobile-slider.scss b/themes/meraki/styles/mobile-slider.scss
index 447fb8c4..e3614fb6 100644
--- a/themes/meraki/styles/mobile-slider.scss
+++ b/themes/meraki/styles/mobile-slider.scss
@@ -8,14 +8,10 @@
   .content {
     height: 100%;
     display: flex;
-    text-align: center;
     justify-content: center;
-    align-items: center;
-
-    & > div {
-      position: relative;
-      z-index: 3;
-    }
+    flex-direction: column;
+    padding: 0 20px;
+    text-align: var(--alignment);
 
     h1 {
       font-size: 28px;
@@ -33,9 +29,10 @@
     }
 
     .btn-holder {
-      display: flex;
-      text-align: center;
-      justify-content: center;
+      text-align: var(--alignment);
+      .yc-btn-slider {
+        display: inline-flex;
+      }
     }
   }
 }

From 30b2b61e8bd9338507b08a1fee96e90d00d20dad Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Thu, 12 Sep 2024 10:35:17 +0100
Subject: [PATCH 3/5] Aura

---
 themes/aura/assets/desktop-slider.css      | 23 ++++++-----------
 themes/aura/assets/mobile-slider.css       | 19 +++++++-------
 themes/aura/sections/desktop-slider.liquid | 20 +++++++++++++++
 themes/aura/snippets/slider.liquid         | 29 +++++++++++-----------
 themes/aura/styles/desktop-slider.scss     | 21 ++++++----------
 themes/aura/styles/mobile-slider.scss      | 18 ++++++--------
 6 files changed, 67 insertions(+), 63 deletions(-)

diff --git a/themes/aura/assets/desktop-slider.css b/themes/aura/assets/desktop-slider.css
index 25f3c802..ed483b28 100644
--- a/themes/aura/assets/desktop-slider.css
+++ b/themes/aura/assets/desktop-slider.css
@@ -33,15 +33,10 @@
 .yc-slider__desktop .content{
   height:100%;
   display:flex;
-  align-items:center;
-  text-align:center;
   justify-content:center;
-  margin:auto;
-}
-.yc-slider__desktop .content > div{
-  max-width:30rem;
-  position:relative;
-  z-index:3;
+  flex-direction:column;
+  padding:0 250px;
+  text-align:var(--alignment);
 }
 .yc-slider__desktop .content .headers, .yc-slider__desktop .content h3, .yc-slider__desktop .content h2, .yc-slider__desktop .content h1{
   font-weight:700;
@@ -60,12 +55,10 @@
 .yc-slider__desktop .content p{
   margin-top:1rem;
 }
-.yc-slider__desktop .content .btn-holder{
-  margin-top:2rem;
-  display:flex;
-  text-align:center;
-  justify-content:center;
+.yc-slider__desktop .content .btn-holder {
+  margin-top:1em;
+  text-align:var(--alignment);
 }
-.yc-slider__desktop .content .container > div{
-  max-width:600px;
+.yc-slider__desktop .content .btn-holder a {
+  display:inline-flex;
 }
diff --git a/themes/aura/assets/mobile-slider.css b/themes/aura/assets/mobile-slider.css
index aeecb166..5654be88 100644
--- a/themes/aura/assets/mobile-slider.css
+++ b/themes/aura/assets/mobile-slider.css
@@ -6,14 +6,10 @@
 .yc-slider__mobile .content{
   height:100%;
   display:flex;
-  text-align:center;
   justify-content:center;
-  align-items:center;
-}
-.yc-slider__mobile .content > div{
-  max-width:30rem;
-  position:relative;
-  z-index:3;
+  flex-direction: column;
+  padding:0 20px;
+  text-align:var(--alignment);
 }
 .yc-slider__mobile .content .headers, .yc-slider__mobile .content h3, .yc-slider__mobile .content h2, .yc-slider__mobile .content h1{
   font-weight:700;
@@ -32,7 +28,10 @@
 .yc-slider__mobile .content p{
   margin-top:1rem;
 }
-.yc-slider__mobile .content .btn-holder{
-  margin-top:2rem;
-  text-align:center;
+.yc-slider__desktop .content .btn-holder {
+  margin-top:1em;
+  text-align:var(--alignment);
+}
+.yc-slider__desktop .content .btn-holder a {
+  display:inline-flex;
 }
diff --git a/themes/aura/sections/desktop-slider.liquid b/themes/aura/sections/desktop-slider.liquid
index be4e15a3..346f932b 100644
--- a/themes/aura/sections/desktop-slider.liquid
+++ b/themes/aura/sections/desktop-slider.liquid
@@ -285,6 +285,26 @@
           "id": "caption",
           "label": "Slider content"
         },
+        {
+          "type": "select",
+          "id": "content_alignment",
+          "label": "Content alignment",
+          "options": [
+            {
+              "value": "center",
+              "label": "Center"
+            },
+            {
+              "value": "left",
+              "label": "Left"
+            },
+            {
+              "value": "right",
+              "label": "Right"
+            }
+          ],
+          "default": "center"
+        },
         {
           "type": "text",
           "id": "button_text",
diff --git a/themes/aura/snippets/slider.liquid b/themes/aura/snippets/slider.liquid
index 56f5c7d8..d1c8da74 100644
--- a/themes/aura/snippets/slider.liquid
+++ b/themes/aura/snippets/slider.liquid
@@ -61,22 +61,21 @@
           {{ block.youcan_attributes }}
         >
           {%- if block.settings.caption %}
-            <div class='content flex items-center h-full w-full slide-box'>
-              <div class='container flex items-center justify-center slide-content-box'>
-                <div>
-                  <div class='caption'>{{ block.settings.caption }}</div>
-                  {% if block.settings.product %}
-                    <div class='btn-holder'>
-                      <a
-                        href='{{ block.settings.product.url }}'
-                        class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
-                      >
-                        {{ block.settings.button_text }}
-                      </a>
-                    </div>
-                  {% endif %}
+            <div 
+              class='content' 
+              style="--alignment: {{ block.settings.content_alignment }}"
+            >
+              <div class='caption w-full'>{{ block.settings.caption }}</div>
+              {% if block.settings.product %}
+                <div class="btn-holder">
+                  <a
+                    href='{{ block.settings.product.url }}'
+                    class='yc-btn slide-content-box-button btn-{{ forloop.index }}'
+                  >
+                    {{ block.settings.button_text }}
+                  </a>
                 </div>
-              </div>
+              {% endif %}
             </div>
           {%- endif %}
         </li>
diff --git a/themes/aura/styles/desktop-slider.scss b/themes/aura/styles/desktop-slider.scss
index eb26181c..4be74f6e 100644
--- a/themes/aura/styles/desktop-slider.scss
+++ b/themes/aura/styles/desktop-slider.scss
@@ -33,16 +33,10 @@
   .content {
     height: 100%;
     display: flex;
-    align-items: center;
-    text-align: center;
     justify-content: center;
-    margin: auto;
-
-    & > div {
-      max-width: 30rem;
-      position: relative;
-      z-index: 3;
-    }
+    flex-direction:column;
+    padding:0 250px;
+    text-align:var(--alignment);
 
     .headers {
       font-weight: 700;
@@ -62,10 +56,11 @@
     }
 
     .btn-holder {
-      margin-top: 2rem;
-      display: flex;
-      text-align: center;
-      justify-content: center;
+      margin-top: 1em;
+      text-align: var(--alignment);
+      a {
+        display: inline-flex;
+      }
     }
 
     .container {
diff --git a/themes/aura/styles/mobile-slider.scss b/themes/aura/styles/mobile-slider.scss
index 1451d39c..b5f4c919 100644
--- a/themes/aura/styles/mobile-slider.scss
+++ b/themes/aura/styles/mobile-slider.scss
@@ -8,15 +8,10 @@
   .content {
     height: 100%;
     display: flex;
-    text-align: center;
     justify-content: center;
-    align-items: center;
-
-    & > div {
-      max-width: 30rem;
-      position: relative;
-      z-index: 3;
-    }
+    flex-direction: column;
+    padding:0 20px;
+    text-align:var(--alignment);
 
     .headers {
       font-weight: 700;
@@ -36,8 +31,11 @@
     }
 
     .btn-holder {
-      margin-top: 2rem;
-      text-align: center;
+      margin-top: 1em;
+      text-align: var(--alignment);
+      a {
+        display: inline-flex;
+      }
     }
   }
 }

From 7bef507580fa945b65f2eabf6e5040b4a9a7ef54 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Thu, 12 Sep 2024 10:38:08 +0100
Subject: [PATCH 4/5] format css

---
 themes/meraki/assets/desktop-slider.css |  2 +-
 themes/meraki/assets/mobile-slider.css  | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/themes/meraki/assets/desktop-slider.css b/themes/meraki/assets/desktop-slider.css
index 2890b4b3..e912019f 100644
--- a/themes/meraki/assets/desktop-slider.css
+++ b/themes/meraki/assets/desktop-slider.css
@@ -54,7 +54,7 @@
 .yc-slider__desktop .content{
   height:100%;
   display:flex;
-  justify-content: center;
+  justify-content:center;
   flex-direction:column;
   padding:0 250px;
   text-align:var(--alignment);
diff --git a/themes/meraki/assets/mobile-slider.css b/themes/meraki/assets/mobile-slider.css
index 07e0753e..a788d452 100644
--- a/themes/meraki/assets/mobile-slider.css
+++ b/themes/meraki/assets/mobile-slider.css
@@ -4,12 +4,12 @@
   }
 }
 .yc-slider__mobile .content{
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  padding: 0 20px;
-  text-align: var(--alignment);
+  height:100%;
+  display:flex;
+  justify-content:center;
+  flex-direction:column;
+  padding:0 20px;
+  text-align:var(--alignment);
 }
 .yc-slider__mobile .content h1{
   font-size:28px;
@@ -24,7 +24,9 @@
   font-weight:600;
 }
 .yc-slider__mobile .content .btn-holder{
-  text-align: var(--alignment);
+  text-align:var(--alignment);
 }
 
-.yc-slider__mobile .content .btn-holder 
+.yc-slider__mobile .content .btn-holder .yc-btn-slider {
+  display:inline-flex;
+}

From 844f26d88c52a945a5c7e2ed110eb98f0be037be Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Thu, 12 Sep 2024 10:47:41 +0100
Subject: [PATCH 5/5] fix Meraki button

---
 themes/meraki/assets/desktop-slider.css | 7 +------
 themes/meraki/assets/mobile-slider.css  | 2 +-
 themes/meraki/snippets/slider.liquid    | 2 +-
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/themes/meraki/assets/desktop-slider.css b/themes/meraki/assets/desktop-slider.css
index e912019f..8d684d26 100644
--- a/themes/meraki/assets/desktop-slider.css
+++ b/themes/meraki/assets/desktop-slider.css
@@ -77,11 +77,6 @@
 .yc-slider__desktop .content .btn-holder{
   text-align:var(--alignment);
 }
-.yc-slider__desktop .content .btn-holder .yc-btn-slider{
-  font-size:14px;
-  background-color:var(--yc-primary-color) !important;
-  color:#ffffff;
-  margin-top:38px;
-  padding:12px 18px;
+.yc-slider__desktop .content .btn-holder a{
   display:inline-flex;
 }
diff --git a/themes/meraki/assets/mobile-slider.css b/themes/meraki/assets/mobile-slider.css
index a788d452..b58bf4a6 100644
--- a/themes/meraki/assets/mobile-slider.css
+++ b/themes/meraki/assets/mobile-slider.css
@@ -27,6 +27,6 @@
   text-align:var(--alignment);
 }
 
-.yc-slider__mobile .content .btn-holder .yc-btn-slider {
+.yc-slider__mobile .content .btn-holder a{
   display:inline-flex;
 }
diff --git a/themes/meraki/snippets/slider.liquid b/themes/meraki/snippets/slider.liquid
index c965cafe..1d890e80 100644
--- a/themes/meraki/snippets/slider.liquid
+++ b/themes/meraki/snippets/slider.liquid
@@ -14,7 +14,7 @@
   .slide-content-box-button {
     margin-top: calc(var(--slider-height) / 5);
     width: max-content;
-    padding: 12px 42px;
+    padding: 12px 42px !important;
   }
 
   {% for block in blocks %}