diff --git a/src/index.html b/src/index.html
index a6b7c1a178..63cfc1bb1f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -562,31 +562,49 @@
href="#"
class="contacts__socials-link"
>
-
+
-
+
-
+
diff --git a/src/styles/blocks/apply.scss b/src/styles/blocks/apply.scss
index b5bb055a8e..acfa7e2cc8 100644
--- a/src/styles/blocks/apply.scss
+++ b/src/styles/blocks/apply.scss
@@ -73,8 +73,7 @@
}
&:hover {
- background-color: $c-blue-gray;
- border: 2px solid $c-blue;
+ background-color: $c-dark-blue;
}
}
}
diff --git a/src/styles/blocks/contacts.scss b/src/styles/blocks/contacts.scss
index 0336297570..dfa6ca7002 100644
--- a/src/styles/blocks/contacts.scss
+++ b/src/styles/blocks/contacts.scss
@@ -47,6 +47,15 @@
&-link {
@include hover(scale, 1.1);
+
+ &-app {
+ fill: $c-white;
+ transition: fill 0.3s;
+
+ &:hover {
+ fill: $c-blue;
+ }
+ }
}
}
}
diff --git a/src/styles/blocks/header-main.scss b/src/styles/blocks/header-main.scss
index 5479cdb078..b8c9c8ea9a 100644
--- a/src/styles/blocks/header-main.scss
+++ b/src/styles/blocks/header-main.scss
@@ -44,7 +44,7 @@
color: $c-gray;
&:hover {
- border: 2px solid $c-gray;
+ background-color: $c-dark-blue;
}
}
}
diff --git a/src/styles/blocks/message.scss b/src/styles/blocks/message.scss
index 7ae3edcfea..9fdea016bf 100644
--- a/src/styles/blocks/message.scss
+++ b/src/styles/blocks/message.scss
@@ -81,7 +81,7 @@
&__button {
&:hover {
- border: 2px solid $c-gray;
+ background-color: $c-dark-blue;
}
width: 100%;
diff --git a/src/styles/blocks/quote.scss b/src/styles/blocks/quote.scss
index 3409946e34..017ef9dfac 100644
--- a/src/styles/blocks/quote.scss
+++ b/src/styles/blocks/quote.scss
@@ -48,11 +48,12 @@
position: relative;
border-radius: 50%;
left: 50%;
- top: 50%;
+ bottom: 50%;
transform: translate(-50%, -50%);
width: 110px;
height: 110px;
object-fit: cover;
+ top: 0;
}
}
diff --git a/src/styles/utils/_vars.scss b/src/styles/utils/_vars.scss
index aad2edef40..935afc2d15 100644
--- a/src/styles/utils/_vars.scss
+++ b/src/styles/utils/_vars.scss
@@ -1,6 +1,7 @@
$c-gray: #eee;
$c-white: #fff;
$c-blue: #2060f6;
+$c-dark-blue: #144ed4;
$c-blue-gray: #253757;
$c-gray-text: #6c788b;
$c-section: #c0cdd7;