Make 'Explore the Calculator' button pop with frosted glass effect — brighter border and subtle blur
This commit is contained in:
+5
-4
@@ -161,13 +161,14 @@
|
|||||||
box-shadow: 0 0 45px rgba(245,158,11,0.5);
|
box-shadow: 0 0 45px rgba(245,158,11,0.5);
|
||||||
}
|
}
|
||||||
.hero-btn-secondary {
|
.hero-btn-secondary {
|
||||||
background: var(--card);
|
background: rgba(255,255,255,0.06);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
border: 1px solid var(--border);
|
border: 1.5px solid rgba(255,255,255,0.2);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
}
|
}
|
||||||
.hero-btn-secondary:hover {
|
.hero-btn-secondary:hover {
|
||||||
background: var(--card-hover);
|
background: rgba(255,255,255,0.12);
|
||||||
border-color: var(--accent);
|
border-color: rgba(255,255,255,0.4);
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user