From 1d48715b3594568a686f108d95771cf684f5538b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 19 Oct 2021 17:20:31 +0200
Subject: [PATCH] Add hover classes on Locations continents filers

---
 src/style/organisms/_locations.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss
index 2397060..81843d0 100644
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -1,5 +1,6 @@
 .browse {
     margin: 96px 0;
+    text-align: center;
 
     @include bp (sm) {
         margin-bottom: 128px;
@@ -24,14 +25,24 @@
 
     // Continents
     &__continents {
-        display: flex;
+        display: inline-flex;
         justify-content: center;
         text-align: center;
+        margin: 0 auto;
 
+        &:hover {
+            li {
+                opacity: 0.4;
+            }
+        }
         li {
             display: block;
             margin: 0 8px;
-            transition: opacity 0.5s var(--ease-quart);
+            transition: opacity 0.6s var(--ease-quart);
+
+            &:hover {
+                opacity: 1;
+            }
         }
 
         // Disabled button