From b0d7b6308059758b7df83370092fd4a8a469da0e Mon Sep 17 00:00:00 2001
From: Anna <annanicky90gmail.com>
Date: Fri, 9 Aug 2024 18:10:38 +0400
Subject: [PATCH] add hover effects

---
 src/styles/blocks/expertise-card.scss | 3 +++
 src/styles/utils/mixins.scss          | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/styles/blocks/expertise-card.scss b/src/styles/blocks/expertise-card.scss
index d3f414a8d7..5517a73baa 100644
--- a/src/styles/blocks/expertise-card.scss
+++ b/src/styles/blocks/expertise-card.scss
@@ -2,6 +2,9 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  user-select: none;
+
+  @include hover(transform, scale(1.05), '.expertise-card__photo');
 
   &__photo {
     width: 166px;
diff --git a/src/styles/utils/mixins.scss b/src/styles/utils/mixins.scss
index 30d7165e94..e17c9b1482 100644
--- a/src/styles/utils/mixins.scss
+++ b/src/styles/utils/mixins.scss
@@ -80,6 +80,9 @@
   padding: 32px;
   border-radius: 16px;
   box-shadow: 0 9px 18px rgba(37, 41, 49, 0.03);
+  user-select: none;
+
+  @include hover(box-shadow, 0 9px 18px #2529312e);
 }
 
 @mixin accent($bg-image) {