Fix #28: CTA-Button im Header auffälliger gestalten #30

Merged
greggy merged 1 commits from feature/issue-28-cta-button into main 2026-05-14 18:43:38 +02:00

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 */