diff --git a/assets/css/main.css b/assets/css/main.css index 57748c1..6cc7abe 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -287,6 +287,34 @@ a:hover { margin-top: 2px; } +.header-social { + display: flex; + align-items: center; + gap: 12px; + margin-left: 20px; + padding-left: 20px; + border-left: 1px solid var(--bg-gray); +} + +.social-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + border-radius: 50%; + background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); + color: var(--secondary-color); + font-size: 1.5rem; + transition: var(--transition); + box-shadow: 0 2px 8px rgba(224, 148, 51, 0.3); +} + +.social-link:hover { + transform: translateY(-3px) scale(1.1); + box-shadow: 0 5px 15px rgba(224, 148, 51, 0.5); +} + .mobile-menu-toggle { display: none; flex-direction: column; @@ -1016,6 +1044,10 @@ a:hover { .header-contact { display: none; } + + .header-social { + display: none; + } .mobile-menu-toggle { display: flex; diff --git a/index.html b/index.html index 3128bbb..2313abb 100644 --- a/index.html +++ b/index.html @@ -84,6 +84,12 @@ ежедневно с 8:00 до 20:00 + +