diff --git a/src/scss/mixins.scss b/src/scss/mixins.scss
index e35df41..328f5df 100644
--- a/src/scss/mixins.scss
+++ b/src/scss/mixins.scss
@@ -130,6 +130,8 @@
   width: 40px;
   height: 40px;
   @include flex-center;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 4px var(--shadow);
   
   &:hover {
     background-color: var(--table-hover);