From 315f6748c946aeae9165ed13a83dc57775c65b5c Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 15 Sep 2021 13:10:18 +0700
Subject: [PATCH] :art: styles: color btn carousel

:%s
---
 src/components/common/Banner/Banner.tsx                     | 1 -
 .../common/CarouselCommon/CarouselCommon.module.scss        | 1 +
 .../modules/home/HomeBanner/HomeBanner.module.scss          | 6 +-----
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/common/Banner/Banner.tsx b/src/components/common/Banner/Banner.tsx
index 410fded77..e8c86f53e 100644
--- a/src/components/common/Banner/Banner.tsx
+++ b/src/components/common/Banner/Banner.tsx
@@ -8,7 +8,6 @@ interface Props {
 
 const option = {
     slidesPerView: 1,
-    mode: 'free',
 }
 const Banner = memo(({ data }: Props) => {
     if (data.length === 1) {
diff --git a/src/components/common/CarouselCommon/CarouselCommon.module.scss b/src/components/common/CarouselCommon/CarouselCommon.module.scss
index ef2671947..4b3c7d537 100644
--- a/src/components/common/CarouselCommon/CarouselCommon.module.scss
+++ b/src/components/common/CarouselCommon/CarouselCommon.module.scss
@@ -9,6 +9,7 @@
     width: 64px;
     height: 64px;
 	border-radius: .8rem;
+	backdrop-filter: saturate(180%) blur(10px);
     &:focus {
       outline: none;
     }
diff --git a/src/components/modules/home/HomeBanner/HomeBanner.module.scss b/src/components/modules/home/HomeBanner/HomeBanner.module.scss
index 3191b5515..ed8c5c7a7 100644
--- a/src/components/modules/home/HomeBanner/HomeBanner.module.scss
+++ b/src/components/modules/home/HomeBanner/HomeBanner.module.scss
@@ -31,16 +31,12 @@
         width: min-content;
 
         color: var(--white);
-        font-size: 7.6rem;
+        font-size: 8.8rem;
         line-height: 8rem;
         letter-spacing: -0.03em;
         font-weight: bold;
         text-transform: uppercase;
 
-        @screen 2xl {
-          font-size: 7.8rem;
-          line-height: 8rem;
-        }
         &::after {
           @apply absolute;
           content: "";