From c72580449e64b3f237310ccb9539e88bdae2783b Mon Sep 17 00:00:00 2001
From: joachimschmidt557 <joachim.schmidt557@outlook.com>
Date: Sun, 22 Mar 2020 19:18:38 +0100
Subject: [PATCH] enlarge progress buttons when hovering

---
 src/components/narrative/styles.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/narrative/styles.js b/src/components/narrative/styles.js
index 0e359d28c..e3958de98 100644
--- a/src/components/narrative/styles.js
+++ b/src/components/narrative/styles.js
@@ -163,11 +163,16 @@ export const ProgressButton = styled.div`
   background: #74a9cf;
   border-radius: 50%;
   cursor: pointer;
+  transition: transform .1s;
 
   // BEGIN: mitigate ie flexbug-15: https://github.com/philipwalton/flexbugs#flexbug-15
   align-self: center;
   margin: auto;
   // END mitigate ie flexbug-15
+
+  &:hover {
+    transform: scale(3);
+  }
 `;
 
 const baseBannerStyles = css`