From 7706f11106b38ca2fcfdef2cc03d784cbbd3c2d1 Mon Sep 17 00:00:00 2001 From: greggy Date: Thu, 14 May 2026 16:31:30 +0000 Subject: [PATCH] feat(cta): make header CTA button more prominent Fix #28: Enlarge CTA button, increase font weight, add border-radius and box-shadow for better visibility. Improve hover effect with stronger lift and shadow. Touch target >= 44px. --- css/haus-schleusingen.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/css/haus-schleusingen.css b/css/haus-schleusingen.css index 865fa87..a7ad564 100644 --- a/css/haus-schleusingen.css +++ b/css/haus-schleusingen.css @@ -92,23 +92,27 @@ nav.scrolled .nav-links a:hover { .nav-cta { font-family: "DM Sans", sans-serif; - font-size: 0.78rem; - font-weight: 500; - letter-spacing: 0.1em; + font-size: 0.82rem; + font-weight: 600; + letter-spacing: 0.12em; text-transform: uppercase; background: var(--accent); color: var(--white); border: none; - padding: 0.65rem 1.5rem; + padding: 0.8rem 2rem; cursor: pointer; + border-radius: 2px; + box-shadow: 0 2px 12px rgb(139 105 20 / 35%); transition: background 0.3s, - transform 0.2s; + transform 0.2s, + box-shadow 0.3s; } .nav-cta:hover { background: var(--accent-light); - transform: translateY(-1px); + transform: translateY(-2px); + box-shadow: 0 4px 20px rgb(139 105 20 / 50%); } /* HERO */ -- 2.49.1