From 421b1b306eae5934b6fc4a2759bc8cee95583782 Mon Sep 17 00:00:00 2001
From: Mark Gerrard <l.imptwiglet@gmail.com>
Date: Fri, 17 Nov 2023 11:37:07 +0000
Subject: [PATCH] add rollover zoom/shadow effect from wiremock.io

---
 _sass/_buttons.scss | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss
index ef5dc96b..c0118d09 100644
--- a/_sass/_buttons.scss
+++ b/_sass/_buttons.scss
@@ -22,12 +22,13 @@
   border-radius: $border-radius;
   cursor: pointer;
 
-  @include breakpoint($medium) {
-    display: inline-block;
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
   }
 
-  &:hover {
-    background: darken($dark-blue, 20%);
+  @include breakpoint($medium) {
+    display: inline-block;
   }
 
   .icon {
@@ -55,11 +56,6 @@
     color: $text-color !important;
     border: 1px solid $light-gray !important; // override
     background-color: #fff;
-
-    &:hover {
-      background-color: #eee;
-      color: $text-color !important;
-    }
   }
 
   /* light outline */