From 3df23371cf20763f3ee8825d7b00fc13addb2c3a Mon Sep 17 00:00:00 2001 From: Kato Date: Sat, 5 Sep 2026 13:34:50 +0000 Subject: [PATCH] =?UTF-8?q?Add=20CTA=20button=20to=20hero=20section=20?= =?UTF-8?q?=E2=80=94=20Join=20Telegram=20Channel=20with=20invite=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/styles.css | 31 +++++++++++++++++++++++++++++++ index.html | 5 +++++ 2 files changed, 36 insertions(+) diff --git a/css/styles.css b/css/styles.css index d9c4bb3..09c45e4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -336,6 +336,37 @@ body { } .btn-telegram:active { transform: scale(0.98); } +/* CTA button — hero section */ +.btn-cta { + display: inline-flex; + align-items: center; + gap: 10px; + padding: 14px 28px; + font-size: 17px; + font-weight: 700; + border-radius: 12px; + background: #0088cc; + color: #fff; + text-decoration: none; + transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); + box-shadow: 0 4px 16px rgba(0, 136, 204, 0.4); + margin-top: 24px; +} +.btn-cta:hover { + background: #0077b3; + transform: translateY(-2px); + box-shadow: 0 8px 24px rgba(0, 136, 204, 0.5); +} +.btn-cta:active { + transform: translateY(0) scale(0.98); +} +.btn-cta svg { + transition: transform 0.2s ease; +} +.btn-cta:hover svg { + transform: scale(1.1); +} + /* ======================================== HERO — Focal Motion ======================================== */ diff --git a/index.html b/index.html index 8f339a9..92c4be2 100644 --- a/index.html +++ b/index.html @@ -265,6 +265,11 @@ Wiki Articles + + + Unserem Telegram-Kanal beitreten + Join our Telegram Channel +