diff --git a/src/styles/button.scss b/src/styles/button.scss index a56cf10a9..46bea6268 100644 --- a/src/styles/button.scss +++ b/src/styles/button.scss @@ -9,11 +9,13 @@ button { line-height: 16px; font-weight: 600; cursor: pointer; + transition: transform 0.3s; margin-top: 40px; &:hover { background-color: $c-orenge-hover; + transform: scale(1.1); } &:active { diff --git a/src/styles/footer.scss b/src/styles/footer.scss index ba06d4890..c9d63039c 100644 --- a/src/styles/footer.scss +++ b/src/styles/footer.scss @@ -53,24 +53,48 @@ background-image: url(../images/facebook.png); width: 20px; height: 20px; + cursor: pointer; + transition: transform 0.3s; + + &:hover { + transform: scale(1.2); + } } &__twiter { background-image: url(../images/twitter.png); width: 20px; height: 20px; + cursor: pointer; + transition: transform 0.3s; + + &:hover { + transform: scale(1.2); + } } &__telegram { background-image: url(../images/telegram.png); width: 20px; height: 20px; + cursor: pointer; + transition: transform 0.3s; + + &:hover { + transform: scale(1.2); + } } &__instagram { background-image: url(../images/instagram.png); width: 20px; height: 20px; + cursor: pointer; + transition: transform 0.3s; + + &:hover { + transform: scale(1.2); + } } &__two { diff --git a/src/styles/menu.scss b/src/styles/menu.scss index 844d8d8e7..dc485c46f 100644 --- a/src/styles/menu.scss +++ b/src/styles/menu.scss @@ -28,6 +28,11 @@ background-size: cover; width: 22px; height: 22px; + transition: transform 0.3s; + + &:hover { + transform: scale(1.2); + } } .icons--language {