greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(cta): make header CTA button more prominent
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 24s
Details

Browse Source 
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.
This commit is contained in:
greggy
2026-05-14 16:31:30 +00:00
parent 143962a0fa
commit 7706f11106
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/haus-schleusingen.css
View File

@@ -92,23 +92,27 @@ nav.scrolled .nav-links a:hover {
.nav-cta { .nav-cta {
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: 0.78rem; font-size: 0.82rem;
font-weight: 500; font-weight: 600;
letter-spacing: 0.1em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;
background: var(--accent); background: var(--accent);
color: var(--white); color: var(--white);
border: none; border: none;
padding: 0.65rem 1.5rem; padding: 0.8rem 2rem;
cursor: pointer; cursor: pointer;
border-radius: 2px;
box-shadow: 0 2px 12px rgb(139 105 20 / 35%);
transition: transition:
background 0.3s, background 0.3s,
transform 0.2s; transform 0.2s,
box-shadow 0.3s;
} }
.nav-cta:hover { .nav-cta:hover {
background: var(--accent-light); background: var(--accent-light);
transform: translateY(-1px); transform: translateY(-2px);
box-shadow: 0 4px 20px rgb(139 105 20 / 50%);
} }
/* HERO */ /* HERO */