Turn hero login link into a proper button matching hero-btn-secondary style
This commit is contained in:
+15
-9
@@ -460,19 +460,25 @@
|
|||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
}
|
}
|
||||||
.hero-login-link {
|
.hero-login-link {
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
font-size: 0.82rem;
|
align-items: center;
|
||||||
color: var(--text-secondary);
|
gap: 8px;
|
||||||
|
padding: 12px 28px;
|
||||||
|
background: rgba(255,255,255,0.06);
|
||||||
|
color: var(--text);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 6px 18px;
|
font-size: 0.92rem;
|
||||||
border: 1px solid var(--border);
|
font-weight: 600;
|
||||||
border-radius: 20px;
|
border: 1.5px solid rgba(255,255,255,0.2);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.hero-login-link:hover {
|
.hero-login-link:hover {
|
||||||
border-color: var(--accent);
|
background: rgba(255,255,255,0.12);
|
||||||
color: var(--accent);
|
border-color: rgba(255,255,255,0.4);
|
||||||
background: rgba(0,229,255,0.08);
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox-group {
|
.checkbox-group {
|
||||||
|
|||||||
Reference in New Issue
Block a user