Add CTA button to hero section — Join Telegram Channel with invite link

2026-09-05 13:34:50 +00:00
parent 4170d9b6d1
commit 3df23371cf
2 changed files with 36 additions and 0 deletions
@@ -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
   ======================================== */