Merge pull request 'Fix #28: CTA-Button im Header auffälliger gestalten' (#30) from feature/issue-28-cta-button into main
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user