From e7ae106eb05ab6ef9c34235af7297e4c26a0796f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Thu, 9 Apr 2020 23:09:36 +0200
Subject: [PATCH] Location: Fix hover circle

---
 src/style/molecules/_location.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss
index cd26a69..4d8185e 100644
--- a/src/style/molecules/_location.scss
+++ b/src/style/molecules/_location.scss
@@ -78,12 +78,17 @@
         z-index: 1;
         top: 50%;
         left: 50%;
-        transform: translate(-50%, -50%) scale(0.94);
+        transform: scale(0.6) translate(-50%, -50%);
+        transform-origin: 0 0;
         display: block;
         width: 216px;
         height: 216px;
         background: rgba($color-lightpurple, 0.3);
         border-radius: 100%;
-        transition: all 85ms ease-in-out;
+        transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart;
+
+        @include breakpoint (sm) {
+            transform: scale(0.94) translate(-50%, -50%);
+        }
     }
 }