diff --git a/src/assets/css/pages/Thematiques.scss b/src/assets/css/pages/Thematiques.scss index 2e21f39..58faa6d 100644 --- a/src/assets/css/pages/Thematiques.scss +++ b/src/assets/css/pages/Thematiques.scss @@ -30,7 +30,7 @@ .swiper-pagination { bottom: -100px !important; @screen md { - bottom: -120px !important; + bottom: -100px !important; } } @@ -77,6 +77,16 @@ .swiper-slide { @apply h-auto text-center; + + .cta--download { + @apply opacity-0 pointer-events-none transition-all duration-300; + } + } + + .swiper-slide-visible { + .cta--download { + @apply opacity-100 pointer-events-auto; + } } } @@ -114,7 +124,7 @@ } .cta--download { @apply w-fit text-4xl mx-auto absolute left-1/2; - transform: translate(-50%, 100%); + transform: translate(-50%, calc(100% + 40px)); transform-origin: 0 50%; } }